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"/>&nbsp;&nbsp;<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 prototype-scriptaculous@googlegroups.com.
To unsubscribe from this group, send email to 
prototype-scriptaculous+unsubscr...@googlegroups.com.
For more options, visit this group at 
http://groups.google.com/group/prototype-scriptaculous?hl=en.

Reply via email to