Archivlink: javarea.de Forum > JavaScript > Fenster /Mouseover
Vollständigen Link anzeigen: javarea.de Forum > JavaScript > Fenster /Mouseover

Pages: [1]

geschrieben von olga0160 am 07.03.2006 - 17:48
Hallo, ich möchte dieses script so nutzen, dass sich beim Überfahren einer kleinen Bild-Datei mit der Maus in demselben Browserfenster ein neues
Fenster auftut, das eine weitere größere Bild-Datei zeigt. Das neue Fenster
soll gewissermassen über dem weiterhin offenen (alten) Fenster schweben.
Wo muss man dann die Daten für die beiden Grafiken einsetzen?
Vielleicht könnte jemand, der Ahnung hat, mir helfen?
Danke im voraus, Olga

geschrieben von pyscho am 09.03.2006 - 11:37
Hallo Olga,

hast du vielleicht ein Beispiellink zu deinem Wunsch oder den Code??
Es ist einfacher wenn man dies sieht.

Du sagst:
dieses script so nutzen: aber welchen Script meinst du ?
Das Überfahren eines kleinen Bildes kannst du mit dem onMouseOver realisieren.
Das öffnen des Neuen Fensters wenn links benutzt sind mit dem target="_blank" oder wenn man mit dem JavaScript arbeitet dann mit
window.open();

Ich kann einiges mir Vorstellen für deine Frage aber genauer kann ich auch nichts sagen denn ich nicht die details habe. Schau dir mal die Zip datei an.

Damit du mich genauer verstehst habe ich diese Zip datei einfach mal so geschickt. Wie du siehst ohne genauere Beschreibung gibt es immer mehrere bzw. ähnliche Lösungen.

Poste mal den Code oder gibt einen Link an.
bye pyscho

geschrieben von ossilampe am 09.03.2006 - 12:24
Hallo,

meinst du so etwas????

HTML-Quelltext
1: 
2: 
3: 
4: 
5: 
6: 
7: 
8: 
9: 
10: 
11: 
12: 
13: 
14: 
15: 
16: 
17: 
18: 
19: 
20: 
21: 
22: 
23: 
24: 
25: 
26: 
27: 
28: 
29: 
30: 
31: 
32: 
33: 
34: 
35: 
36: 
37: 
38: 
39: 
40: 
41: 
<p align="center"><a href="javascript:OpenNewWindow('bild1.jpg',400,400)"><img src="****" alt="Hier Klicken" border="0" width="32" height="32"></a></p>
<p align="center"><a href="javascript:OpenNewWindow('bild2.jpg',400,400)"><img src="****" alt="Hier Klicken" border="0" width="32" height="32"></a></p>
<p align="center"><a href="javascript:OpenNewWindow('bild3.jpg',400,400)"><img src="****" alt="Hier Klicken" border="0" width="32" height="32"></a></p>
<p align="center"><a href="javascript:OpenNewWindow('bild4.jpg',400,400)"><img src="****" alt="Hier Klicken" border="0" width="32" height="32"></a></p>

<script language="JavaScript">

function stoperror(){
return true
}
window.onerror=stoperror


function OpenNewWindow(Picture,Breit,Hoch)
{
xsize = Breit+20;
ysize = Hoch+50;

ScreenWidth = screen.width;
ScreenHeight = screen.height;

xpos = (ScreenWidth/2)-(xsize/2);
ypos = (ScreenHeight/2)-(ysize/2);

        NewWindow=window.open("","Picture","height="+ysize+",width="+xsize+",scrollbars=no,resizable=no,top="+ypos+",left="+xpos+"");
        NewWindow.document.write ("<body bgcolor='#ffffff' onload='focus()'>");
        NewWindow.document.write ("<table align='center'><tr>");
        NewWindow.document.write ("<td align='center' valign='top'>");
        NewWindow.document.write ("<table border='1' bgcolor='#ffffff' cellpadding='0' cellspacing='1'><tr><td align='center'>");
        NewWindow.document.write ("<img src=");
        NewWindow.document.write (Picture);
        NewWindow.document.write (">");
        NewWindow.document.write ("</tr></table>");
        NewWindow.document.write ("</td></tr><tr>");
        NewWindow.document.write ("<td align='center' valign='bottom'>");
        NewWindow.document.write ("</td></tr></table>");
        NewWindow.document.write ("</form></body></html>");
        NewWindow.document.close();
        NewWindow.resizeTo(xsize,ysize);
}
</script>


Gruß Tom


Powered by: JBB v.2.0.4 Copyright ©2000-2006, www.javarea.de.