[GastForen Programmierung/Entwicklung JavaScript einsteiger braucht hilfe für links die bilder öffnen

  • Suche
  • Hilfe
  • Lesezeichen
  • Benutzerliste
Themen
Beiträge
Moderatoren
Letzter Beitrag

einsteiger braucht hilfe für links die bilder öffnen

paardi
Beiträge gesamt: 2

2. Apr 2004, 23:02
Beitrag # 1 von 4
Bewertung:
(587 mal gelesen)
URL zum Beitrag
Beitrag als Lesezeichen
hi at all :-)
ich möchte 55 abbildungslinks so mit JS programmieren, dass auch immer das richtige Bild in einem Extrafenster aufgeht. Also "Abb.1" - klick - und ein neues Fenster geht auf, das als Überschrift Abb.1 und das Bild selbst anzeigt....
Ich hab zwar schon an ein Array gedacht, aber wie realisere ich es dann so, dass auch wirklich genau DAS bild zum link passt?
Ahja, und gibts auch eine Möglichkeit, wenn das Fenster aufpoppt, dass da nicht immer zum Beginn der Seite gescrollt wird, sondern beim link stehen bleibt??
Wie schon gesagt, ich fange gerade an, mich in JS zurechtzufinden :-/
Biiitte um Hilfe!
Danke im Voraus, Paardi
-------------------------------------------------------
Computer revolutionieren Murphy's Gesetz *seufz*
X

einsteiger braucht hilfe für links die bilder öffnen

Markus Walker
Beiträge gesamt: 494

6. Apr 2004, 08:12
Beitrag # 2 von 4
Beitrag ID: #78567
Bewertung:
(587 mal gelesen)
URL zum Beitrag
Beitrag als Lesezeichen
Studier doch mal, was alles mit dem Objekt «window» so alles angestellt werden kann:
http://selfhtml.teamone.de/...t/objekte/window.htm

Wenn nun der Fensterinhalt nicht mit einer statischen HTML-Seite gefüllt werden soll (ist vielleicht zu begin am einfachsten), sollte auch das «document» Objekt studiert werden:
http://selfhtml.teamone.de/...objekte/document.htm

Beachte dabei die Browser-Abhängigkeit!

Wenn dann alles Optimiert werden soll, denke ich, dass eine Funktion interessante Perspektiven öffnen wird:
http://selfhtml.teamone.de/...rache/funktionen.htm

Beim entsprechenden Link wird dann diese Funktion aufgerufen, wobei als Parameter die Überschrift und das zu zeigende Bild mitgegeben werden. Der Funktionsaufruf kann z.B. wiefolgt an den Link gebunden werden.

z.B.: <a href=void(zeigeBild('Abb. 1', '1.jpg'))>blabalbla<a>

Natürlich gibts noch weitere Möglichkeiten, aber starte mal und melde Dich wieder wenn Du irgendwo anstehst.


als Antwort auf: [#78238]

einsteiger braucht hilfe für links die bilder öffnen

paardi
Beiträge gesamt: 2

6. Apr 2004, 09:13
Beitrag # 3 von 4
Beitrag ID: #78574
Bewertung:
(587 mal gelesen)
URL zum Beitrag
Beitrag als Lesezeichen
hi herzlichen dank.
ich hab den selfhtml schon empfohlen bekommen und hab mich da seit fünf tagen durchgeackert. Gar nicht so leicht *pfuh*
aber ich glaub so klappts, jedenfalls schreien netscape und IE nicht gleich nach fehler und es wird auch angezeigt.
Aber was ich noch immer nicht herausgefunden hab, ist, wie ich statt dem Titel "bild" auch "Abb.x" anzeigen lassen kann und dass die Seite nicht automatisch hochscrollt, wenn das Extrafenster erscheint.
Ich zeig dir mal den Code, vielleicht hast du noch ne Idee??
*****************************
var iAnzahl, aPics, sPfad, oFenster;

iAnzahl = 55;
sPfad = "bilder/kg/grosse/";

aPics = new Array();
for(i=0;i<iAnzahl;i++)
{
aPics = new Array(new Image());
aPics.src = sPfad + zahltoString(i+1) + ".jpg";

}
//alert(aPics[3].src);

function zahltoString(iZahl)
{
if (iZahl<10)
{
return "00"+iZahl;
}
else if (iZahl<100)
{
return "0"+iZahl;
}
else
{
return iZahl;
}
}



function openPic(iNum)
{
var oImage;


oImage = new Image();
oImage.src = sPfad+zahltoString(iNum)+".jpg";
//alert(oImage.src);
oFenster = window.open("","picture","width=1,height=1");
oFenster.resizeTo(350,350);
oFenster.document.open();
oFenster.document.write('<html><head><title>Bild</title></head><body bgcolor="#993333" leftmargin="0" topmargin="0" marginheight="0" marginwidth="0"><table align="center" border="2" bordercolor="#ffffff" width="300" height="300"><tr align="center"><td><img src="'+oImage.src+'" name="bild"></td></tr></table></body></html>');
oFenster.document.close();
setTimeout("oFenster",500);
oFenster.focus();
}
****************************************
Jedenfalls nochmal Danke
Paardi
------------------------------------------------
Computer revolutionieren Murphy's Gesetz *seufz*


als Antwort auf: [#78238]

einsteiger braucht hilfe für links die bilder öffnen

Markus Walker
Beiträge gesamt: 494

7. Apr 2004, 15:35
Beitrag # 4 von 4
Beitrag ID: #78904
Bewertung:
(587 mal gelesen)
URL zum Beitrag
Beitrag als Lesezeichen
Da hat sich ein Fehler eingeschlichen. Das obige Beispiel mit dem Link sollte folgendermassen sein:
<a href=javascript:void(zeigeBild('Abb. 1', '1.jpg'))>blabalbla<a>

Dies belässt die ursprüngliche Seite dort wo sie war, aber:
Das Pseudo-Protokoll «javascript:» ist nicht normiert und bei verschiedenen Browsern unterschiedlich implementiert.
Operator «void()» bewirkt, dass der Browser die Anweisung in den Klammern ausführt, ohne einen Wert zurück zu geben.
http://selfhtml.teamone.de/.../operatoren.htm#void
Irgendwo habe ich mal gelesen, dass dieser nicht mehr benutzt werden soll, kann aber auf die Schnelle die Referenz nicht mehr finden.

Die andere Sache mit dem Titel: Beziehst Du Dich auf den Titlebar vom Fenster? Wenn ja, dann hilft Dir wohl dies hier:
http://selfhtml.teamone.de/...mlelemente.htm#title

Übrigens, mit der Methode «window.open()» kann man die Fenstergrösse gleich bestimmen, womit das «resizeTo()» hinfällig wird:
http://selfhtml.teamone.de/...ekte/window.htm#open


HTH


als Antwort auf: [#78238]
X

Veranstaltungskalender

Hier können Sie Ihre Anlässe eintragen, welche einen Zusammenhang mit den Angeboten von HilfDirSelbst.ch wie z.B. Adobe InDesign, Photoshop, Illustrator, PDF, Pitstop, Affinity, Marketing, SEO, Büro- und Rechtsthemen etc. haben. Die Einträge werden moderiert freigeschaltet. Dies wird werktags üblicherweise innert 24 Stunden erfolgen.

pdf-icon Hier eine kleine Anleitung hinsichtlich Bedeutung der auszufüllenden Formularfelder.

Veranstaltungen
29.09.2022

IDUGS#85 Press2id

Zoom Meeting
Donnerstag, 29. Sept. 2022, 19.00 - 21.00 Uhr

Vortrag

Kennst du WordPress? Vielleicht. Verwendest du WordPress? Ja, klar! WordPress ist das am weitesten verbreitete System für die Erstellung von Webseiten. Um Webseitenbau soll es auf dieser IDUG aber nicht gehen. Gregor zeigt press2id (github.com/grefel/press2id). Seine Open-Source-Lösung für die Verbindung von Web und InDesign. Richtig gelesen: InDesign liest mithilfe von press2id die Inhalte der WordPress-Webseiten und generiert daraus Zeitschriften, Kataloge, Programmhefte oder Bierdeckel (das zeigen wir natürlich auch!). So wird die „Content First“ Theorie zu einer konkret anwendbaren Praxis, ohne gleich die ganz großen Räder zu drehen. Versprochen: Jeder kann nach der IDUG innerhalb kürzester Zeit Daten von WordPress nach InDesign importieren. Aber Achtung: Prinzipiell kann press2id aus jeder Website, oder besser Contentmanagementsystem (CMS) Daten auslesen und nach InDesign importieren! Spannend, oder? Danach geht es in die Praxis: Stefan hat die Webseite des Parktheater Iserlohn (parktheater-iserlohn.de) gestaltet. Die gedruckten Spielpläne (parktheater-iserlohn.de/interaktive-spielplaene) werden mit press2id realisiert. Wir schauen in den Maschinenraum und zeigen, wie die Lösung des Projekts realisiert wurde.

Nein

Organisator: InDesign Usergroup Stuttgart

Kontaktinformation: Christoph Steffens, E-Mailidug AT satzkiste DOT de

https://idugs85.eventbrite.de/

Von Wordpress nach InDesign
Veranstaltungen
08.11.2022

Frankfurt, Fraport Conference Center
Dienstag, 08. Nov. 2022, 13.30 - 18.00 Uhr

Seminar

Auf der Enfocus World Tour stellen wir Ihnen gemeinsam mit Enfocus die aktuellen Highlights von Enfocus Switch und dem Impressed Workflow Server (IWS) vor. Wir präsentieren Ihnen anhand typischer Aufgabenstellungen in einem modernen Produktionsbetrieb die Möglichkeiten, die Enfocus Switch für die Automatisierung und Standardisierung von Abläufen bietet. Wir haben sowohl für Produktionsverantwortliche als auch technisch Interessierte ein spannendes Programm vorbereitet, bei dem Sie sicherlich viel Neues erfahren werden, welches Sie in Ihrem eigenen Betrieb umsetzen können. Die Veranstaltung bietet darüber hinaus eine hervorragende Möglichkeit, sich mit anderen Anwendern und Workflow-Spezialisten auszutauschen und Antworten auf konkrete Aufgabenstellungen zu erhalten, welche Sie mit Hilfe von Enfocus Switch/IWS umsetzen möchten.

Wir sind jeweils an 2 Tagen in Frankfurt, Hamburg und München vor Ort. Der erste (halbe) Tag richtet sich in erster Linie an Betriebsleiter und Produktionsverantwortliche in Druckereien - ist also weniger technisch orientiert - sondern gibt einen Überblick zu den heutigen Möglichkeiten einer automatisierten Produktion.

Der zweite Tag (Switch Anwender-Treffen) richtet sich an bestehende Switch-Anwender und Administratoren.

Anmeldung und weitere Infos: https://www.impressed.de/schulung.php?c=sDetail&sid=310

Ja

Organisator: Enfocus/Impressed

Kontaktinformation: Silvia Noack, E-Mailsnoack AT impressed DOT de

https://www.impressed.de/schulung.php?c=sDetail&sid=310

Enfocus World Tour 2022