The code of the page is a bit confusing cause i made it by myself, but
anyway, i have to make the mouseover and the mouseout event work together
so i should probably had an event listener.
Without it i tried to make it work but without success.
The code is below:
<?php
require_once("tabs.php");
?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd";>
<html xmlns="http://www.w3.org/1999/xhtml"; xml:lang="en" lang="en">
<head>
<style type="text/css">
@import url(styles.css);
</style>
<script type="text/javascript"
src="http://ajax.googleapis.com/ajax/libs/prototype/1.7/prototype.js";></script>
<script type="text/javascript">
function showResult1()
{
$('thing_1').replace('<div id="thing_1" class="gallerylink"><p><a
href="http://tinyurl.com/cwtt2yq";>See Photo</a></p></div>');
}
function showResult2()
{
$('thing_2').replace('<div id="thing_2" class="gallerylink"><p><a
href="http://tinyurl.com/cwtt2yq";>See Photo</a></p></div>');
}
function showResult3()
{
$('thing_3').replace('<div id="thing_3" class="gallerylink"><p><a
href="http://tinyurl.com/cwtt2yq";>See Photo</a></p></div>');
}
function showResult4()
{
$('thing_4').replace('<div id="thing_4" class="gallerylink"><p><a
href="http://tinyurl.com/cwtt2yq";>See Photo</a></p></div>');
}
function showResult5()
{
$('thing_5').replace('<div id="thing_5" class="gallerylink"><p><a
href="http://tinyurl.com/cwtt2yq";>See Photo</a></p></div>');
}
function showResult6()
{
$('thing_6').replace('<div id="thing_6" class="gallerylink"><p><a
href="http://tinyurl.com/cwtt2yq";>See Photo</a></p></div>');
}
function hideResult1()
{
$('thing_1').replace('<img id="thing_1" class="galleryitem"
src="images/gallery1.jpg.jpg" onmouseover="showResult1();"
style="position:relative; top:0px; left: 0px;"/>');
}
function hideResult2()
{
$('thing_2').replace('<img id="thing_2" class="galleryitem"
src="images/3188832812_573db43c7d.jpg" onmouseover="showResult2();"/>');
}
function hideResult3()
{
$('thing_3').replace('<img id="thing_3" class="galleryitem"
src="images/3188858500_3437070b8f.jpg" onmouseover="showResult3();"/>');
}
function hideResult4()
{
$('thing_4').replace('<img id="thing_4" class="galleryitem"
src="images/3188063503_e2b752444f.jpg" onmouseover="showResult4();"/>');
}
function hideResult5()
{
$('thing_5').replace('<img id="thing_5" class="galleryitem"
src="images/3188039487_5fa50f0d02.jpg" onmouseover="showResult5();"/>');
}
function hideResult6()
{
$('thing_6').replace('<img id="thing_6" class="galleryitem"
src="images/3188061317_d7a4bb7c27.jpg" onmouseover="showResult6();"/>');
}
</script>
<title>Python Speculative Interface</title>
</head>
<body>
<div class="main"><div id="header">
<?php tabs_start(); ?><div class="main">
<img class="logo" src="images/psi.png" /></div>
<?php tab( "Concept"); ?>
<div class="containere">
<div class="boxtab">
<form
action="http://joy.indivia.net/py/cgi-bin/OOpoetry.cgi"; method="get">
<h>Python from a theoretical point of view</h>
<p>This interface aims to show and explain some
communicative and theoretical aspects
inscribed in the mechanisms behind a programming
language. The programming language named
Python is useful to achieve this goal as it provides an
interpreter but it can even run
source code as object code.</p>
<p>If you search for a command of the python
programming language in the form below you
will get the description of the logical and
communicative process executed by it in the
machine. The explanation can be of a logical,
mathematical or semiological nature.</p>
<p> This is an attempt to enhance python programming
language as a signifying language,
which can execute not only algebrical processes but
even what could be defined as meaning.</p><br />
<p>
<input id="example" name="stringx" value="type
here"/> <input id="submit" type="submit"
value="search"/></form></p>
</div>
<?php tab( "Wiki" ); ?>
<img class="logo" src="images/psi.png" />
<div class="main">
<div class="containere">
<div class="boxtab">
<h>Discussing about code and poetry</h>
<p>The various aspects of python programming language,
and more in general of the object
oriented programming paradigm as a poetry, are
discussed inside this
<a
href="http://joy.indivia.net/wiki/index.php";>wiki</a></p>
<p>Every command will be provided with a discussion
about the most trustworthy interpretation
you can give of it, and the execution it causes inside
the machine. We will end at the level of
binary alphabet if it will be necessary. The final
definition of every command will be connected
to this interface.</p>
<p> </p>
</div>
<?php tabs_end(); ?>
<ul><li>
<img id="thing_1" class="galleryitem"
src="images/gallery1.jpg.jpg" onmouseover="showResult1();"
onmouseout="hideResult1();" style="position:relative; top:0px; left: 0px;"/>
</li><li>
<img id="thing_2" class="galleryitem"
src="images/3188832812_573db43c7d.jpg" onmouseover="showResult2();"
onmouseout="hideResult2();"/>
</li><li>
<img id="thing_3" class="galleryitem"
src="images/3188858500_3437070b8f.jpg" onmouseover="showResult3();"
onmouseout="hideResult3();"/>
</li><li>
<img id="thing_4" class="galleryitem"
src="images/3188063503_e2b752444f.jpg" onmouseover="showResult4();"
onmouseout="hideResult4();"/>
</li><li>
<img id="thing_5" class="galleryitem"
src="images/3188039487_5fa50f0d02.jpg" onmouseover="showResult5();"
onmouseout="hideResult5();"/>
</li><li>
<img id="thing_6" class="galleryitem"
src="images/3188061317_d7a4bb7c27.jpg" onmouseover="showResult6();"
onmouseout="hideResult6();"/>
</li></ul>
</div></div></div>
</body>
</html>
--
You received this message because you are subscribed to the Google Groups
"Prototype & script.aculo.us" group.
To view this discussion on the web visit
https://groups.google.com/d/msg/prototype-scriptaculous/-/he8TR5HeFnEJ.
To post to this group, send email to [email protected].
To unsubscribe from this group, send email to
[email protected].
For more options, visit this group at
http://groups.google.com/group/prototype-scriptaculous?hl=en.
