PopUp mit Wertübergabe
Sebastian
- javascript
0 David Tibbe0 Stefan Bechtold0 Heiner0 Marius
0 Struppi
Ich habe hier ein PopUp, das mir grössere bilder öffnet:
-----------------------------------------------------------
<head>
<script type="text/javascript">
<!--
function PopUp()
{
window.open('http://verzeivhnid-bild.link','testtitel','height=50,width=50,dependent=no,location=no,menubar=no,resizable=no,status=no,toolbar=no')
}
//-->
</script>
</head>
------------------------------------------------------------
Das ich hiermit aufrufe:
-----------------------------------------------------------
<body><a href="JavaScript:PopUp()">jpg-bild-text</a></body>
-----------------------------------------------------------
MEINE FRAGE JETZT:
Wie kann ich beim aufruf von :"JavaScript:PopUp()"
diesen Wert:'http://verzeivhnid-bild.link'
automatisch übergeben?
Anders ausgedrückt:
Ich will: <a href="JavaScript:PopUp()">jpg-bild-text</a>
10 x untereinander schreiben und
die PopUp-funktion nur 1 x im Head stehen haben, durch irgend ne Wertübergabe von 'http://verzeivhnid-bild.link'.
Danke schonmal im voraus.
MfG Sebastian
Hallo Sebastian,
<body><a href="JavaScript:PopUp()">jpg-bild-text</a></body>
Nein, du möchtest viel lieber mit dem onclick-Event arbeiten. Was machst du
nämlich, wenn ich kein JS habe?
Wie kann ich beim aufruf von :"JavaScript:PopUp()"
diesen Wert:'http://verzeivhnid-bild.link'
automatisch übergeben?
Indem du der Funktion einen Parameter übergibst. Diesen verwendest du dann
ebenso beim Aufruf des Popups.
Grüße
David
Hallo
<body><a href="JavaScript:PopUp()">jpg-bild-text</a></body>
Nein, du möchtest viel lieber mit dem onclick-Event arbeiten. Was machst du
nämlich, wenn ich kein JS habe?
Braucht man für onclick nicht genauso JavaScript?
Igor
Hi,
<body><a href="JavaScript:PopUp()">jpg-bild-text</a></body>
Nein, du möchtest viel lieber mit dem onclick-Event arbeiten. Was machst du
nämlich, wenn ich kein JS habe?
Braucht man für onclick nicht genauso JavaScript?
Ja. Aber man kann das href-Attribut für die scriptfreie Alternative nutzen.
cu,
Andreas
Aendere das Ding wie folgt ab ...
<head>
<script type="text/javascript">
<!--
function PopUp(link) {
window.open(link,'testtitel','height=50,width=50,dependent=no,location=no,menubar=no,resizable=no,status=no,toolbar=no')
}
//-->
</script>
</head>
-----------------------------------------------------------
<body>
<a href="JavaScript:PopUp('http://verzeivhnid-bild.link1')">jpg-bild-text1</a>
<a href="JavaScript:PopUp('http://verzeivhnid-bild.link2')">jpg-bild-text2</a>
<a href="JavaScript:PopUp('http://verzeivhnid-bild.link3')">jpg-bild-text3</a>
usw...
</body>
Gruß Stefan
Hallo,
statt "javascript:...", was als veraltet gilt, sollte man immer eine Lösung mit onclick="..." oder ähnlich vorziehen und dann die Funktion so gestalten, dass sie auch komplett ohne JavaScript noch halbwegs funktioniert. Pfuschlösungen wie "#" in a-Elementen, sollte man auch vermeiden.
Zum Öffnen eines größeren Bildes kann man zum Beispiel folgenden Aufruf machen:
<a href="bild_gross.jpg" onclick="openFoto(this.href); return false"><img src="bild_klein.jpg" alt="..." border="0" height="100" width="100" /></a>
Wie man die Funktion openFoto dann gestaltet bleibt einem dann selbst überlassen. Sinnvoll wäre hier das Öffnen einer Datei in einem Aufklappfenster, indem man zum Beispiel eine Datei foto.html durch die Funktion öffnet und ihr per Parameter ?foto="bild_gross", welches man aus dem Funktionsaufruf übernimmt, den Dateinamen übergibt. Diesen kann man dann in die Datei einbinden, ob per JavaScript oder per PHP etc.
Dank des Links funktioniert das Ganze auch halbwegs ohne JavaScript. Zumindest wird dort dann das Bild angezeigt, wenn auch nicht in einer dynamisch generierten Datei.
Heiner
Hallo,
So würde ich es auch machen! Man schlägt zwei Fliegen mit einer Klappe.
Marius
Ich habe hier ein PopUp, das mir grössere bilder öffnet:
Ich hab dafür ein Skript, dass auch ohne JS etwas tut und du im Quelltext keine Änderungen machen musst, wenn die Bilder unterschieldich gross sind:
[linkl:http://home.arcor.de/struebig/js/popup/index.htm]
Struppi.