mediengestalter.info
FAQ :: Mitgliederliste :: MGi Team

Willkommen auf dem Portal für Mediengestalter

Aktuelles Datum und Uhrzeit: Fr 02.12.2016 19:19 Benutzername: Passwort: Auto-Login

Thema: javascript - onclick- IE/Opera - Anfängerproblem... vom 05.05.2006


Neues Thema eröffnen   Neue Antwort erstellen MGi Foren-Übersicht -> Programmierung -> javascript - onclick- IE/Opera - Anfängerproblem...
Autor Nachricht
serg
Threadersteller

Dabei seit: 03.01.2006
Ort: -
Alter: -
Geschlecht: Männlich
Verfasst Fr 05.05.2006 14:13
Titel

javascript - onclick- IE/Opera - Anfängerproblem...

Antworten mit Zitat Zum Seitenanfang

Hallo zusammen!

Ich bastel gerade an einer Website in der auch eine kleine Galeriefunktion implementiert sein soll.
( www.art-of-flame.de/html/galerie_bilder.htm )


Problem #1:

Der Bildwechsel in der Mitte soll per onclick auf die Bilder am Rand ablaufen. Im FF funktioniert das bestens, aber unter IE und Opera passiert beim Klick auf die Vorschaubilder garnichts.

Code der Vorschaubilder:
Code:
<p><a href="#" onclick="document.galerie.src='../images/feuerseile02-big_400x300.jpg'; return false;"><img src="../images/feuerseile02-small_145x109.jpg" alt="links_1.jpg" width="145" height="109" class="leftbild" /></a></p>
      <p class="bildunterschrift">Feuerseile</p>
      <p><a href="#" onclick="document.galerie.src='../images/firepois05-big_400x300.jpg'"><img src="../images/firepois05-small_145x109.jpg" alt="links_2.jpg" width="145" height="109" class="leftbild" /></a></p>
      <p class="bildunterschrift">Feuerketten</p>
      <p><a href="#" onclick="document.galerie.src='../images/feuerseile03-big_400x300.jpg'"><img src="../images/feuerseile03-small_145x109.jpg" alt="links_3.jpg" width="145" height="109" class="leftbild" /></a></p>
      <p class="bildunterschrift">Feuerseile</p>


Code des Galeriefensters:
Code:
<p><img src="../images/news-film_400x240.jpg" alt="galerie" class="centerbild" id="galerie" style="width:400px; height:240px"/></p>


Auch mit dem Zusatz von "return false;" funktioniert der Bildwechsel nicht.

Ich selbst habe von Javascript und PhP noch keine Ahnung. Deswegen hatte ich mir den onclick-Code von dieser Website umgeschrieben: Scrollgalerie-Template
Auf dieser Seite funktionierts auch mit IE und Opera. Wo der entscheidende Unterschied zu meinem Code liegt, weiß ich nicht.

Kann das evtl. etwas mit dem doctype zu tun haben? Oder fehlen bei mir andere Einträge im head-Bereich?


Problem #2:

Wie bekommt man es hin, dass durch Klicks auf Vorschaubilder in anderen Seiten der Homepage (z.B von hier:KLICK ) man
1. ...in die Galerie UND
2. ...bei der großen Version des eben angeklickten Bildes landet?


Wie gesagt: Ich habe noch keine Ahnung von Javascript und Ähnlichem. Deswegen bitte ich euch die evtl. Lösungen auch gleich mit als (Beispiel-)Code zu posten! Danke vielmals! Lächel

So denn... Vielen Dank schonmal!

Serg

(PS: Solltet ihr auf meiner Seite über irgendwelche nennenswerten Fehler stolpern, dann zögert bitte nicht, auch diese hier anzusprechen... *zwinker* )
  View user's profile Private Nachricht senden
caZpa
Account gelöscht


Ort: -

Verfasst Fr 05.05.2006 15:14
Titel

Antworten mit Zitat Zum Seitenanfang

also zum 2. problem kann ich nur sagen, dass
du in der onclickmethode mehere aktionen durch-
führen kannst:

Code:
<a href... onklick="foo(); bar();" ...>


fürs ertste prob fehlt mir grad die zeit..
vielleicht später
 
Anzeige
Anzeige
sahnemuh

Dabei seit: 19.06.2003
Ort: /dev/null
Alter: 35
Geschlecht: Männlich
Verfasst Fr 05.05.2006 17:21
Titel

Antworten mit Zitat Zum Seitenanfang

du musst das objekt dessen source du ändern willst erst ordentlich referenzieren. mit document.elementname.src kommst du da nicht weit.
was du suchst ist die funktion document.getElementByID();

das ganze sähe dann so aus:
function bildwechsel (bildsrc) {
var myBigImage = document.getElementByID('galerie');
myBigImage.src = bildsrc;
}

und dein aufruf entsprechend so:
<a href="../images/feuerseile01-big_400x300.jpg" target="_new" onclick="bildwechsel('../images/feuerseile01-big_400x300.jpg'); return false;">
(den link und das target, sowie return false habe ich eingebaut um auch leuten ohne js zu ermöglichen dein bild zu sehen..


Zuletzt bearbeitet von sahnemuh am Fr 05.05.2006 17:24, insgesamt 1-mal bearbeitet
  View user's profile Private Nachricht senden
serg
Threadersteller

Dabei seit: 03.01.2006
Ort: -
Alter: -
Geschlecht: Männlich
Verfasst Mo 08.05.2006 12:06
Titel

Antworten mit Zitat Zum Seitenanfang

Danke für die Hinweise!

@caZpa:
Ich weiß, dass man mehrere Aktionen auslösen kann. Nur kenne ich noch keine Befehle...


@sahnemuh
Danke für den Code!

Leider funktioniert der Bildwechsel damit immernoch nicht. Es wird nur ein neues Fenster mit dem entsprechenden Bild geöffnet - das Bild der "galerie" wird nicht gewechselt. Es funktioniert auch nicht wenn man als Link "javascript:bildwechsel('...')" einträgt und das "target" weglässt.

Die ganzen Javascript-Aktionen werden quasi übergangen/ignoriert... Kann es sein, dass da noch Syntaxfehler in deinem Code sind? Oder funktioniert so die Wertübergabe nicht?

Als Alternative hat mir ein Freund die Galerie mal per Php gangbar gemacht. Auf seinem Webspace läuft das auch. Bei mir wird aber statt der gewollten Seite nur der Quelltext angezeigt:
www.art-of-flame.de/aof-test/html/galerie_bilder.php

Wäre es einfacher den Webspace so einzurichten, dass diese Php-Galerie fehlerfrei läuft? Oder ist nur was im Header der .php falsch?


Vielen Dank für eure Hilfe!

Serg
  View user's profile Private Nachricht senden
serg
Threadersteller

Dabei seit: 03.01.2006
Ort: -
Alter: -
Geschlecht: Männlich
Verfasst Di 09.05.2006 00:43
Titel

Antworten mit Zitat Zum Seitenanfang

Korrektur:

Heute habe ich erfahren, dass der genutzte Webspace kein PhP unterstützt... Da sich das wohl demnächst nicht ändern wird, bin ich nun wirklich auf eine Lösung per Javascript angewiesen.

Serg
  View user's profile Private Nachricht senden
 
Ähnliche Themen JavaScript - Onclick Fehler im IE
[JavaScript] onClick ist klar, was ist mit offClick?
[PHP, JavaScript] Probleme mit OnClick-Verhaltensweisen...
Javascript: onclick [lade html datei in iframe]
Opera und Javascript :-/
Warum funktioniert mein Javascript nicht im Opera?
Neues Thema eröffnen   Neue Antwort erstellen
MGi Foren-Übersicht -> Programmierung


Du kannst keine Beiträge in dieses Forum schreiben.
Du kannst auf Beiträge in diesem Forum nicht antworten.
Du kannst an Umfragen in diesem Forum nicht mitmachen.