I added an Event listener to the page, to catch every event but it doesn't 
work still. The code is more compact:

<?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">
       document.observe('dom:loaded', function(){
            $('thing_1').on('mouseover', 'img', function(evt, elm){
                evt.stop();
                $('thing_1').replace('<div id="thing_1" 
class="gallerylink"><p><a href="http://tinyurl.com/cwtt2yq";>See 
Photo</a></p></div>');
});
            $('thing_2').on('mouseover', 'img', function(evt, elm){
                evt.stop();
                $('thing_2').replace('<div id="thing_2" 
class="gallerylink"><p><a href="http://tinyurl.com/cwtt2yq";>See 
Photo</a></p></div>');
 
});
            $('thing_3').on('mouseover', 'img', function(evt, elm){
                evt.stop();
                $('thing_3').replace('<div id="thing_3" 
class="gallerylink"><p><a href="http://tinyurl.com/cwtt2yq";>See 
Photo</a></p></div>');
 
});        
            $('thing_4').on('mouseover', 'img', function(evt, elm){
                evt.stop();
                $('thing_4').replace('<div id="thing_4" 
class="gallerylink"><p><a href="http://tinyurl.com/cwtt2yq";>See 
Photo</a></p></div>');
 
});
            $('thing_5').on('mouseover', 'img', function(evt, elm){
                evt.stop();
                $('thing_5').replace('<div id="thing_5" 
class="gallerylink"><p><a href="http://tinyurl.com/cwtt2yq";>See 
Photo</a></p></div>');
});    
            $('thing_6').on('mouseover', 'img', function(evt, elm){
                evt.stop();
                $('thing_6').replace('<div id="thing_6" 
class="gallerylink"><p><a href="http://tinyurl.com/cwtt2yq";>See 
Photo</a></p></div>');
 
});
            $('thing_1').on('mouseout', 'a', function(evt, elm){
                evt.stop();
                $('thing_1').replace('<img id="thing_1" class="galleryitem" 
src="images/gallery1.jpg.jpg" onmouseover="showResult1();" 
style="position:relative; top:0px; left: 0px;"/>');
});
            $('thing_2').on('mouseout', 'a', function(evt, elm){
                evt.stop();
                $('thing_2').replace('<img id="thing_2" class="galleryitem" 
src="images/3188832812_573db43c7d.jpg" onmouseover="showResult2();"/>');
});
            $('thing_3').on('mouseout', 'a', function(evt, elm){
                evt.stop();
                $('thing_3').replace('<img id="thing_3" class="galleryitem" 
src="images/3188858500_3437070b8f.jpg" onmouseover="showResult3();"/>');
});
            $('thing_4').on('mouseout', 'a', function(evt, elm){
                evt.stop();
                $('thing_4').replace('<img id="thing_4" class="galleryitem" 
src="images/3188063503_e2b752444f.jpg" onmouseover="showResult4();"/>');
});
            $('thing_5').on('mouseout', 'a', function(evt, elm){
                evt.stop();
                $('thing_5').replace('<img id="thing_5" class="galleryitem" 
src="images/3188039487_5fa50f0d02.jpg" onmouseover="showResult5();"/>');
});
            $('thing_6').on('mouseout', 'a', function(evt, elm){
                evt.stop();
                $('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" style="position:relative; top:0px; left: 
0px;"/>
                            </li><li>
                            <img id="thing_2" class="galleryitem" 
src="images/3188832812_573db43c7d.jpg"/>
                                </li><li>
                            <img id="thing_3" class="galleryitem" 
src="images/3188858500_3437070b8f.jpg"/>
                            </li><li>
                            <img id="thing_4" class="galleryitem" 
src="images/3188063503_e2b752444f.jpg"/>
                            </li><li>
                            <img id="thing_5" class="galleryitem" 
src="images/3188039487_5fa50f0d02.jpg"/>
                            </li><li>
                            <img id="thing_6" class="galleryitem" 
src="images/3188061317_d7a4bb7c27.jpg"/>
                            </li></ul>
                            </div></div></div>

</body>
</html>

Can anyone help?
Thanks Agnese

-- 
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/-/UWS-jIP99DYJ.
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