PopUp Fenster mit Druck aus unterschiedlichen (Links)

[Düzsel]

Hallo Programmierer,
gerne möchte ich ein oder mehrere Probleme in den Griff bekommen welches folgendermaßen aussieht:

Ich habe eine HTML-Datei mit mehreren Thumbnails unter diesen befinden sich 9 Thumbnails zu Ansicht. Unter den Thumbs kann der User auf je einen (Link) klicken,
Das Bild soll sich dann in einem PopUp Fenster öffnen wo sich der User das Bild dann
ausdrucken kann.

Das Problem:
Es existieren mehrere Bilder, also unterschiedliche Motive,
Diese sind in unterschiedlichen Ordnern (Pfaden) abgelegt,

Derzeit habe ich das Script welches nur für 1 Motiv funktioniert:

<script language="JavaScript" type="text/javascript">
function instruct() {
iwin = window.open("instruct.html","IWIN",
"status=no,toolbar=no,location=no,menu=no,width=600,height=800, noresize");
}
</script>

…und:
<div align="center"><a href="#" onClick="instruct();">Karte ansehen</A></a></div>

unter jedem Thumbnail -aber,
Ich benötige aber für jedes Motiv ein anderen Pfad und einen anderen Motivnamen was aber in dem oberen Script nur für ein Motiv funktioniert.

Frage:
Wie schaffe ich es als Nichtprogrammierer, jede Karte einzeln anzusteuern, um sie dann im PopUp Menü ausdruckbar zu machen. Vielleicht über eine Schleife oder so etwas und wenn ja wie bekomme ich das hin?


Viele Grüße und Dank im Vorraus
Düzel

 

[dateninquisitor]

Hi,
indem du der function instruct() alle nötigen Parameter übergibst:

<script language="JavaScript" type="text/javascript">
function instruct(wiewowas) {
iwin = window.open("instruct.html");
iwin.document.write("<img src="bilderordner/"+wiewowas+">");
}
</script>

…und:
<div align="center"><a href="#" onClick="instruct(wiewowas);">Karte ansehen</A></a></div>
Hab das Geschreibsel nicht geprüft, aber die Stichworte lauten "window.open" und "document.write"
Gruss Tom

 

[Düzsel]

OK ich versuche das ganze mal wiederzugeben:
…
Hi,
indem du der function instruct() alle nötigen Parameter übergibst:

<script language="JavaScript" type="text/javascript"> // habe ich verstanden
function instruct(wiewowas) { // habe ich auch verstanden
iwin = window.open("instruct.html"); // ist das PopUp Fenster hier kommen die unterschiedlichen Grafiken rein
iwin.document.write("<img src="bilderordner/"+wiewowas+">"); // ist der Pfad +zählt alle durch+ oder eine Schleife?
}
</script>

…und:
<div align="center"><a href="#" onClick="instruct(wiewowas);">Karte ansehen</A></a></div> // gibt die Aktion von jedem Thumbnail-link an das obere Script weiter


Hab das Geschreibsel nicht geprüft, aber die Stichworte lauten "window.open" und "document.write"
Gruss Tom
…
Was nehme ich als wiewowas, ist das egal, ich meine, woher weis das Script
welche Karte zu welchem Link bzw. klick gehöhrt
…
Sieht jeder einzelner Link dann evtl so aus:
<div align="center"><a href="#" onClick="instruct(karte01);">Karte ansehen</A></a></div>

<div align="center"><a href="#" onClick="instruct(karte02);">Karte ansehen</A></a></div>

Muss ich für # nicht den genauen Pfad eintragen?

Viele Grüße
Düzsel

 

[dateninquisitor]

genau, einfach den Bild-Pfad angeben:

<div align="center"><a href="#" onClick="instruct('karte01.jpg');">Karte ansehen</A></a></div>
<div align="center"><a href="#" onClick="instruct('karte02.jpg');">Karte ansehen</A></a></div>

und dann kommt ja bei document.write <img src="karte01.jpg">

Gruss Tom

 

[Düzsel]

Hallo Tom,
ich bekomme Dein Script irgendwie nicht eingebunden.
Nochmal das Listing zum Head Bereich:

<script language="JavaScript" type="text/javascript">
function instruct(wiewowas) {
iwin = window.open("instruct.html");
iwin.document.write("<img src="karten/"+wiewowas+">"); //karten gleich Ordner oder?
}
</script>
……………………
und dann:
……………………
</tr>
<tr>
<td width="14%" valign="top"><div align="center"><a href="karten/instruct.html"
// ist der Pfad/Ordner mit den Karten als Grafiken und die Instruct.html als PopUp Fenster?
// funktioneirt irgendwie nicht fehlt da nicht das PopUp mit fenstergröße etc?
……………………
onClick="instruct(wiewowas);">Karte ansehen</A></a></div>
<td width="14%" valign="top"><div align="center"><a href="#" onClick="instruct(wiewowas);">Karte ansehen</A></a></div>
<td width="14%" valign="top"><div align="center"><a href="#" onClick="instruct(wiewowas);">Karte ansehen</A></a></div>
</tr><tr>
……………………

Was mach ich falsch?

Viele Grüße aus NRW
Düssel

 

[Düzsel]

Sorry, mein Fehler ich habe das Problem gelöst.
jetzt muss noch nur noch das PopUp Script da hinein bekommen.

<a href="javascriptopup_img('/karten/01.jpg');">
<img src="/karten/01.jpg"
width="400" height="600" border="0" alt=""></a>

hier irgendwie reinarbeiten:

<tr>
<td width="14%" valign="top">
<div align="center">
<a href="karten/instruct.html" onClick="instruct(01.jpg);">Karte ansehen</A></a></div>
<td width="14%" valign="top">
<div align="center">
<a href="karten/instruct.html" onClick="instruct(Illmenau.jpg);">Karte ansehen</A></a></div>
<td width="14%" valign="top">
<div align="center"><a href="karten/instruct.html" onClick="instruct(boltenmühle.jpg);">Karte ansehen</A></a></div>
</tr>
………

Wie bekomme ich das PopUp Konstrukt sinnvoll dazwischen?

"javascriptopup_img('/karten/01.jpg');">
<img src="/karten/01.jpg"
width="400" height="600" border="0" alt=""
………

Viele Grüße
Düssel

Hallo Tom,
ich bekomme Dein Script irgendwie nicht eingebunden.
Nochmal das Listing zum Head Bereich:

<script language="JavaScript" type="text/javascript">
function instruct(wiewowas) {
iwin = window.open("instruct.html");
iwin.document.write("<img src="karten/"+wiewowas+">"); //karten gleich Ordner oder?
}
</script>
……………………
und dann:
……………………
</tr>
<tr>
<td width="14%" valign="top"><div align="center"><a href="karten/instruct.html"
// ist der Pfad/Ordner mit den Karten als Grafiken und die Instruct.html als PopUp Fenster?
// funktioneirt irgendwie nicht fehlt da nicht das PopUp mit fenstergröße etc?
……………………
onClick="instruct(wiewowas);">Karte ansehen</A></a></div>
<td width="14%" valign="top"><div align="center"><a href="#" onClick="instruct(wiewowas);">Karte ansehen</A></a></div>
<td width="14%" valign="top"><div align="center"><a href="#" onClick="instruct(wiewowas);">Karte ansehen</A></a></div>
</tr><tr>
……………………

Was mach ich falsch?

Viele Grüße aus NRW
Düssel

 

[dateninquisitor]

sry war auch von mir n bisschen missverständlich:
so ungefähr:

<script language="JavaScript" type="text/javascript">
function instruct(wiewowas) {
	var optionen = 'width=350,height=250'
	var name = "Pop";
	iwin = window.open('','name','optionen');
	iwin.document.write("<img src='karten/"+wiewowas+"'>");
}
</script>

und dann:
<a href="#" onClick="javascript:instruct('NAME_DES_BILDES.jpg')">Karte ansehen</a>

Hallo Tom,
ich bekomme Dein Script irgendwie nicht eingebunden.
Nochmal das Listing zum Head Bereich:

<script language="JavaScript" type="text/javascript">
function instruct(wiewowas) {
iwin = window.open("instruct.html");
iwin.document.write("<img src="karten/"+wiewowas+">"); //karten gleich Ordner oder?
}
</script>
……………………
und dann:
……………………
</tr>
<tr>
<td width="14%" valign="top"><div align="center"><a href="karten/instruct.html"
// ist der Pfad/Ordner mit den Karten als Grafiken und die Instruct.html als PopUp Fenster?
// funktioneirt irgendwie nicht fehlt da nicht das PopUp mit fenstergröße etc?
……………………
onClick="instruct(wiewowas);">Karte ansehen</A></a></div>
<td width="14%" valign="top"><div align="center"><a href="#" onClick="instruct(wiewowas);">Karte ansehen</A></a></div>
<td width="14%" valign="top"><div align="center"><a href="#" onClick="instruct(wiewowas);">Karte ansehen</A></a></div>
</tr><tr>
……………………

Was mach ich falsch?

Viele Grüße aus NRW
Düssel