Java Script ändern, aber wie?


 
Neues Thema eröffnen   Neue Antwort erstellen    Webmaster Forum -> Hilfe für Webmaster
Vorheriges Thema anzeigen :: Nächstes Thema anzeigen  
Autor Nachricht
gitty
Mitglied

BeitragJava Script ändern, aber wie? Antworten mit Zitat

Hallo,

kann mir jemand helfen?

Ich habe für einen Freund eine Homepage erstellt:

http://www.fishans.ch/

Wenn man auf eine Button geht, öffnet sich ein kleines Bild, aber leider immer nur dasselbe. Eigentlich soll sich aber bei jedem Button ein anderes Bild öffnen.

Ich weiß aber nicht, wie ich das Script verändern mus, damit das passiert.

Vielleicht weiß ja jemand Abhilfe, ich freue mich über jede Antwort.

Gruß
Gitty
21 Feb 2010 14:10
Benutzer-Profile anzeigen Private Nachricht senden
wpSEO, das Plugin für WordPress SEO
Werner
Homepage-Total.de
Moderator

Beitrag Antworten mit Zitat

Ich habe hier ein etwas anderes JavaScript.
Die Dateipfade der Bilder müssen noch angepasst werden ...

Code:
<script type="text/javascript">
var bild = new Array;

// Hier Dateipfad der Bilder einfügen
bild[1] = "index-Dateien/eschenz.JPG";
bild[2] = "bild2.gif";
bild[3] = "bild3.gif";
bild[4] = "bild4.gif";

function bild(ID) {
 document.getElementById("bld").innerHTML = '<img src="' + bild[ID] + '">';
}

function nix() {
 document.getElementById("bld").innerHTML = '';
}
</script>


<p><span onMouseOver="bild(1);" onMouseOut="nix()"><img src="index-Dateien/button_eschenz_on.gif" /></span></p>
<p><span onMouseOver="bild(2);" onMouseOut="nix()"><img src="index-Dateien/button_erlen_on.gif" /></span></p>
<p><span onMouseOver="bild(3);" onMouseOut="nix()"><img src="index-Dateien/button_villmergen_on.gif" /></span></p>
<p><span onMouseOver="bild(4);" onMouseOut="nix()"><img src="index-Dateien/button_bussigny_on.gif" /></span></p>



<span id="bld">&thinsp;</span><br>

_________________
Bei Fragen oder Fehlermeldungen - Bitte ausführlichen Code posten!
Wie man Fragen richtig stellt
23 Feb 2010 21:10
Benutzer-Profile anzeigen Private Nachricht senden Website dieses Benutzers besuchen
gitty
Mitglied

Beitrag Antworten mit Zitat

Vielen lieben Dank, ich werde das mal ausprobieren.
23 Feb 2010 21:18
Benutzer-Profile anzeigen Private Nachricht senden
gitty
Mitglied

Beitrag Antworten mit Zitat

Also, bei mir tut sich nichts. Ich habe im Headbereich folgendes eingefügt:

<script type="text/javascript">
var bild = new Array;

// Hier Dateipfad der Bilder einfügen
bild[1] = "index-Dateien/eschenz.jpg";
bild[2] = "index-Dateien/nord.jpg";
bild[3] = "index-Dateien/villmergen_klein.jpg";
bild[4] = "index-Dateien/bussigny-klein.jpg";

function bild(ID) {
document.getElementById("bld").innerHTML = '<img src="' + bild[ID] + '">';
}

function nix() {
document.getElementById("bld").innerHTML = '';
}
</script>


und im Body:

<p><span onMouseOver="bild(1);" onMouseOut="nix()"><img src="index-Dateien/button_eschenz_on.gif" /></span></p>
<p><span onMouseOver="bild(2);" onMouseOut="nix()"><img src="index-Dateien/button_erlen_on.gif" /></span></p>
<p><span onMouseOver="bild(3);" onMouseOut="nix()"><img src="index-Dateien/button_villmergen_on.gif" /></span></p>
<p><span onMouseOver="bild(4);" onMouseOut="nix()"><img src="index-Dateien/button_bussigny_on.gif" /></span></p>

Habe ich etwas falsche gemacht?
23 Feb 2010 21:39
Benutzer-Profile anzeigen Private Nachricht senden
Werner
Homepage-Total.de
Moderator

Beitrag Antworten mit Zitat

Da fehlt noch:
Code:
<span id="bld">&thinsp;</span><br>

Dort werden die Bilder angezeigt.

_________________
Bei Fragen oder Fehlermeldungen - Bitte ausführlichen Code posten!
Wie man Fragen richtig stellt
24 Feb 2010 23:31
Benutzer-Profile anzeigen Private Nachricht senden Website dieses Benutzers besuchen
gitty
Mitglied

Beitrag Antworten mit Zitat

Danke für die Antwort! Aber wo bitte soll ich das einfügen, an welche Stelle?

Gruß
Gitty
25 Feb 2010 00:16
Benutzer-Profile anzeigen Private Nachricht senden
gitty
Mitglied

Beitrag Antworten mit Zitat

Sorry, das stand schon drin, habe ich nur vergessen mit zu kopieren und dadurch wurde es hier nicht angezeigt.
25 Feb 2010 00:20
Benutzer-Profile anzeigen Private Nachricht senden
Werner
Homepage-Total.de
Moderator

Beitrag Antworten mit Zitat

Es war noch ein kleiner Fehler darin:

Code:
<script type="text/javascript">
var bild = new Array;

// Hier Dateipfad der Bilder einfügen
bild[1] = "index-Dateien/eschenz.jpg";
bild[2] = "index-Dateien/nord.jpg";
bild[3] = "index-Dateien/villmergen_klein.jpg";
bild[4] = "index-Dateien/bussigny-klein.jpg";

function bilda(ID) {
document.getElementById("bld").innerHTML = '<img src="' + bild[ID] + '">';
}

function nix() {
document.getElementById("bld").innerHTML = '';
}
</script>


und im Body:

<p><span onMouseOver="bilda(1);" onMouseOut="nix()"><img src="index-Dateien/button_eschenz_on.gif" /></span></p>
<p><span onMouseOver="bilda(2);" onMouseOut="nix()"><img src="index-Dateien/button_erlen_on.gif" /></span></p>
<p><span onMouseOver="bilda(3);" onMouseOut="nix()"><img src="index-Dateien/button_villmergen_on.gif" /></span></p>
<p><span onMouseOver="bilda(4);" onMouseOut="nix()"><img src="index-Dateien/button_bussigny_on.gif" /></span></p>



<span id="bld">&thinsp;</span><br>

_________________
Bei Fragen oder Fehlermeldungen - Bitte ausführlichen Code posten!
Wie man Fragen richtig stellt
25 Feb 2010 23:24
Benutzer-Profile anzeigen Private Nachricht senden Website dieses Benutzers besuchen
gitty
Mitglied

Beitrag Antworten mit Zitat

Hallo,

vielen, vielen Dank! Jetzt werden alle Bilder richtig angezeigt. Ich habe genau den letzten Code eingefügt, allerdings, wenn man mit der Maus auf den Button kommt zittert die ganze Seite, als ob ein Erdbeben wäre. Ob man das noch wegbekommt?

Ich weiß ja, dass ich nerve mit meinen Fragen, aber ich kann das nur lernen, wenn mir jemand hilft.

Gruß
Gitty
26 Feb 2010 00:07
Benutzer-Profile anzeigen Private Nachricht senden
gitty
Mitglied

Beitrag Antworten mit Zitat

Hallo Werner,

noch einmal möchte ich mich ganz herzlich bedanken !!!!!! Normalerweise würde ich ja sagen, ich geb einen Kaffee aus, aber das ist hier ja nicht möglich. Trotzdem Danke für Deine Bemühungen.

Jetzt funktioniert alles richtig und das Zittern habe ich auch wegbekommen:

http://www.fishans.ch/

Lieben Gruß
Gitty

Very Happy
01 März 2010 10:48
Benutzer-Profile anzeigen Private Nachricht senden
axinio Internet Marketing
Beiträge der letzten Zeit anzeigen:   
Neues Thema eröffnen   Neue Antwort erstellen    Webmaster Forum -> Hilfe für Webmaster Alle Zeiten sind GMT + 1 Stunde
Seite 1 von 1

 
Gehe zu:  

Ähnliche Beiträge
Thema Webmaster Forum Antw. Autor Verfasst am
Keine neuen Beiträge Formular Benutzerdaten ändern PHP / MySQL 6 Werner 02 Mai 2012 18:24 Letzten Beitrag anzeigen
Keine neuen Beiträge Datensatz ändern - Formular wird nich... PHP / MySQL 2 Greenstreet 13 März 2012 10:51 Letzten Beitrag anzeigen
Keine neuen Beiträge Seiten richtig darstellen, aber wie? PHP / MySQL 3 HeWa-Design 28 Feb 2012 17:47 Letzten Beitrag anzeigen
Keine neuen Beiträge Formular Ziel ändern UND submit ohne ... PHP / MySQL 2 Werner 15 Dez 2011 14:10 Letzten Beitrag anzeigen
Keine neuen Beiträge Script Anpassung Marktplatz 0 Mike 07 Dez 2011 15:49 Letzten Beitrag anzeigen