[GastForen Programmierung/Entwicklung JavaScript Bild in neuem Fenster öffnen

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

Bild in neuem Fenster öffnen

eickmeier
Beiträge gesamt: 1

26. Nov 2004, 09:19
Beitrag # 1 von 6
Bewertung:
(3615 mal gelesen)
URL zum Beitrag
Beitrag als Lesezeichen
Hallo zusammen.

Ich brauche etwas, das ich mal irgendwo gesehen habe, jedoch nicht mehr wieder finde, vielleicht könnt ihr mir ja helfen.

Folgendes:

Stellt euch ein Bild vor in einer für eine Webseite brauchbaren Größe. Wenn ihr mit der Maus auf dieses Bild geht, öffnet sich direkt neben dem Bild ein kleines Fenster indem das Bild dann in originalgröße drin ist. Unter dieses Bild kann man dann noch Informationen, etc schreiben... Habt Ihr eine Ahnung, was ich meine?

Könnt ihr mir helfen? :-(

Vielen Dank.
Martin.
X

Bild in neuem Fenster öffnen

donkey shot
Beiträge gesamt: 1416

26. Nov 2004, 10:33
Beitrag # 2 von 6
Beitrag ID: #127335
Bewertung:
(3615 mal gelesen)
URL zum Beitrag
Beitrag als Lesezeichen
Du erstellst am besten eine HTML-Datei mit dem Bild und verwendest ein Skript wie dieses:

function helpWin() {

myW = 600;
myH = 400;

nWin = window.open('', 'nWin', 'toolbar=no,location=no,scrollbar=no,width=myW,height=myH')
scW = ((screen.width-myW)/2)
scH = ((screen.height-myH)/2)
nWin.moveTo(scW,scH);
nWin.document.location.href = "beispiel.html";

}

Du kannst auch an das neue Fenster HTML-Code übergeben, indem Du statt "document.location.href" "document.write" benutzt:

nWin.document.write("<HTML><HEAD><TITLE>beispiel</TITLE><LINK REL='stylesheet' TYPE='text/css' HREF='styles.css'></LINK></HEAD><BODY BGCOLOR='#000000'><DIV ALIGN='center'><FONT CLASS='text'><BR><BR></FONT><A HREF='javascript:self.close()'><IMG SRC='beispiel.jpg' WIDTH=640 HEIGHT=480 BORDER=0></A></DIV></BODY></HTML>");

grüsse,

Christof


als Antwort auf: [#127319]
(Dieser Beitrag wurde von donkey shot am 26. Nov 2004, 10:33 geändert)

Bild in neuem Fenster öffnen

Anonym
Beiträge gesamt: 22827

26. Nov 2004, 10:36
Beitrag # 3 von 6
Beitrag ID: #127336
Bewertung:
(3615 mal gelesen)
URL zum Beitrag
Beitrag als Lesezeichen
Hallo.

Vielen Dank für ie schnelle Antwort.
Leider weiß ich gar nicht, wie ich das einbinden kann... Bin, was das programmieren betrifft, ziemlich unerfahren. Kannst du noch etwas mehr ins Detail gehen? ...

Danke!!!


als Antwort auf: [#127319]

Bild in neuem Fenster öffnen

donkey shot
Beiträge gesamt: 1416

26. Nov 2004, 10:40
Beitrag # 4 von 6
Beitrag ID: #127338
Bewertung:
(3615 mal gelesen)
URL zum Beitrag
Beitrag als Lesezeichen
Sorry. Da war noch ein Fehler im Skript. Damit er die Variablen mit Höhe und Breite auch bei "window.open" schluckt, muß es heißen:

function helpWin() {

myW = 440;
myH = 440;

myPrefs = "toolbar=no,location=no,scrollbar=no,width=" + myW + ",height=" + myH;

nWin = window.open('', 'nWin', myPrefs);
scW = ((screen.width-myW)/2);
scH = ((screen.height-myH)/2);
nWin.moveTo(scW,scH);
nWin.document.location.href = "banHelp.php";

}

grüsse,

Christof


als Antwort auf: [#127319]

Bild in neuem Fenster öffnen

donkey shot
Beiträge gesamt: 1416

26. Nov 2004, 10:45
Beitrag # 5 von 6
Beitrag ID: #127340
Bewertung:
(3615 mal gelesen)
URL zum Beitrag
Beitrag als Lesezeichen
Das Skript schreibst Du in den <HEAD></HEAD> der HTML-Datei und zwar so:

<SCRIPT LANGUAGE="javascript">

<!--

//Hier den Javascript-Code reinschreiben, zB. die genannte Funktion.

-->

</SCRIPT>

Und dann rufst Du die Funktion über einen Link auf. ZB.:

<A HREF="javascript:functionXY()"></A>

Vielleicht solltest Du Dir mal Grundsätzlich etwas über JS durchlesen. ZB. hier:

http://de.selfhtml.org/


grüsse,

Christof


als Antwort auf: [#127319]

Bild in neuem Fenster öffnen

dender
Beiträge gesamt: 7

21. Dez 2004, 00:40
Beitrag # 6 von 6
Beitrag ID: #131738
Bewertung:
(3615 mal gelesen)
URL zum Beitrag
Beitrag als Lesezeichen
Falls du nicht von einem Pop-Up (neues Fenster) mit dem Bild darin redest, sondern einen Rollover (onMouseOver) dann werden dir wahrscheinlich eine dieser Beiden JavaScripts weiterhelfen:

http://www.bosrup.com/web/overlib/

oder

http://www.mojavelinux.com/.../viewtopic.php?t=127



als Antwort auf: [#127319]
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
14.05.2024

Online
Dienstag, 14. Mai 2024, 10.00 - 10.30 Uhr

Webinar

Prozessoptimierung ist ein Teamsport! Keine Software und keine Maschine allein kann Ihnen helfen, die Effizienzpotenziale Ihres Betriebes maximal auszuschöpfen. Von der Auftragsannahme über die Vorstufe und den Druck bis hin zur Weiterverarbeitung – alles muss optimal ineinandergreifen. Apropos Weiterverarbeitung – in vielen Druckbetrieben fristet sie in Sachen Prozessoptimierung immer noch ein Schattendasein. Dabei liegen hier mittlerweile die größten Einsparpotenziale! In einem Webinar von Horizon und Impressed erfahren Sie, wie Sie diese Einsparungen realisieren können. Horizon, bekannt für innovative Lösungen in der Druckweiterverarbeitung, bietet mit iCE LiNK eine Workflowlösung für die Weiterverarbeitung. iCE LiNK überwacht, visualisiert und analysiert Produktionsabläufe und unterstützt bei der Wartung – damit immer alles reibungslos läuft. Den gleichen Anspruch hat der von Impressed entwickelte Impressed Workflow Server – er ist die smarte PDF-Workflow-Lösung für Druckereien, die Datenmanagement, Preflight und Produktionssteuerung übernimmt. Im Webinar zeigen Ihnen die Experten von Horizon und Impressed, wie beide Lösungen im Team die Effizienz und Produktivität Ihres Betriebes steigern können. Melden Sie sich am besten gleich an, wir freuen uns auf Sie! PS: Melden Sie sich in jedem Fall an – sollten Sie zum Termin verhindert sein, erhalten Sie die Aufzeichnung.

kostenlos

Ja

Organisator: Impressed / Horizon

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

Einsparpotenziale in der Weiterverarbeitung
Veranstaltungen
16.05.2024

Online
Donnerstag, 16. Mai 2024, 10.00 - 10.30 Uhr

Webinar

Komplizierte, kleinteilige Aufträge; alles sehr speziell; seit Jahren bewährte Prozesse – da können wir nichts standardisieren und automatisieren! Das sagen viele Großformatdrucker – aber stimmt das wirklich, ist dem tatsächlich so? Günther Business Solutions und Impressed treten in einem Webinar den Gegenbeweis an. Experten beider Unternehmen zeigen, wie Großformatdrucker vom Einsatz zweier bewährter Lösungen profitieren können: • von advanter print+sign von Günther Business Solutions, dem ERP-System für den Großformatdruck, dass alle Phasen der Wertschöpfung im Large Format Printing abdeckt • von Impressed Workflow Server, der smarten PDF-Workflow-Lösung für Druckereien, die Datenmanagement, Preflight und Produktionssteuerung übernimmt Über die Kombination beider Lösungen können Großformatdrucker ihre Prozesse mit modernen Workflows Schritt für Schritt automatisieren – und so zügig deutliche Zeit- und Kosteneinsparungen realisieren. Das Webinar sollten Sie sich nicht entgehen lassen – damit Sie keine Effizienzpotenziale mehr liegen lassen. Melden Sie sich am besten gleich an, wir freuen uns auf Sie! PS: Melden Sie sich in jedem Fall an – sollten Sie zum Termin verhindert sein, erhalten Sie die Aufzeichnung.

kostenlos

Nein

Organisator: Impressed / Günther Business Solutions

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

Und es geht doch: Automatisierung im Großformatdruck!