kostenloser Webspace werbefrei: lima-city

Feld im gleichen Fenster bei Mouseover öffnen

lima-city → Forum → Die eigene Homepage → HTML, CSS & Javascript

1. Autor dieses Themas

   das-koenigreich

   das-koenigreich hat kostenlosen Webspace.

   10:36, 29.3.2009

   Hi, ich suche nach einem Javascript-Code der bei einem Mouseover eines Bildes an einer anderen Stelle einen Iframe öffnet. Der Iframe soll wenn man die Maus vom Bild wegnimmt wieder verschwinden, und wenn man auf ein Bild klcikt, dann soll sich ein anderer Iframe öffnen.
   
   
   Jetzt gibt es 2 Schwierigkeiten:
   
   1. Es gibt viele Bilder, und die Adressen werden jedesmal dynamisch generiert, also sollte es einen bzw. 2 Javacriptcodes geben (für mouseover einen, und den anderen für klick), der jedes mal ne andere Adresse in den Iframe öffnet. Es handelt sich dabei immer um 2 php-dateien, die geöffnet werden sollen (wieder eine für mpuseover und eine für klick), sie haben aber immer andere Get-Variablen.
   
   2. Die Bilder stehen in einer Tabelle, momentan 10x10 Zellen, das ändert sich aber noch (es werden mehr, weniger werdens nicht) und das Feld soll immer an der gleichen Possition stehen, man müsste es also mit CSS verschieben, am besten in % der Bildschrimauflösung des Users, Pixel gehen aber auch. "Vertragen" sich Javascript und CSS?
   
   
   
   Ich hoffe, dass ihr das hinbekommt, auch wenn es eine größere Aufgabe ist.
   
   
   
   mfg

2. Diskutiere mit und stelle Fragen: Jetzt kostenlos anmelden!

   lima-city: Gratis werbefreier Webspace für deine eigene Homepage

3. a************n

   16:14, 30.3.2009

   So die Links aufbauen
   

   <a href="javascript: new_frame('bild.jpg')" onmouseover="open_frame('bild.jpg')" onmouseout="close_frame()">TEXT</a>

   
   der JS teil
   

   function new_frame(bild) {
    var frame1 = document.createElement("iframe");
    frame1.setAttribute("class","x"); // klasse x für layout und position mit css
    frame1.setAttribute("src",bild);
    document.getElementsByTagName("body")[0].appendChild(frame1);
   }
   
   function openframe(bild) {
    var frame2 = document.createElement("iframe");
    frame2.setAttribute("id","vorschauframe"); // hier eine id um es auch entfernen zu können...
    frame2.setAttribute("src",bild);
    document.getElementsByTagName("body")[0].appendChild(frame2);
   }
   
   function close_frame() {
    document.getElementsByTagName("body")[0].removeChild(document.getElementById("vorschauframe"));
   }

   
   das müsste so gehen keine garantie... und mit dem ie könnte es probleme geben... wen wunderts...
   
   mfg andré
   
   Beitrag zuletzt geändert: 30.3.2009 16:17:31 von andre-morillon

4. Diskutiere mit und stelle Fragen: Jetzt kostenlos anmelden!

   lima-city: Gratis werbefreier Webspace für deine eigene Homepage

Dir gefällt dieses Thema?