Supportnet / Forum / Webseiten/HTML
DHTML Buttens- Link klappt nicht
Frage
Hallo,
ich habe meine Buttons mit Paintshop gebaut.
Bei Mouseover werden sie durch ein anderen Button ausgetauscht--->> DHTML. (arbeite mit frontpage)
Nun will ich das ich bei klick auf den Button einen Link auslöse.
Mein Problem:
Wenn ich ins Hyperlink-Menu des Bildes/Buttons gehe steht da schon flg. drin: [i]´´javascript:void(0)´´[/i]
kann ich trotzdem irgendwie diese Buttons als links nutzen??
Hoffe ihr könnt mir helfen .... danke schon mal
Christian
Antwort 1 von rfb
ersetze javascript:void(0) durch dein Linkziel.
(falls daneben im a-tag noch sowas wie onclick="..." steht solltest du das ebenfalls löschen)
(falls daneben im a-tag noch sowas wie onclick="..." steht solltest du das ebenfalls löschen)
Antwort 2 von holladiewaldfeh
dass ist ja mein problem. wenn ich das rauslösche klappt der dhtml effeckt nicht mehr!!
Kann man vllt irgendwie das bild konfigurieren was sich dann einblendet??
mfg
christian
Kann man vllt irgendwie das bild konfigurieren was sich dann einblendet??
mfg
christian
Antwort 3 von rfb
wenn du was rauslöschst?
Kannst du bitte mal in die Quellcode-Ansicht (oder wie das bei FP auch immer heißt) gehen und den betreffenden Teil rauskopieren und hier reinsetzen.
Kannst du bitte mal in die Quellcode-Ansicht (oder wie das bei FP auch immer heißt) gehen und den betreffenden Teil rauskopieren und hier reinsetzen.
Antwort 4 von holladiewaldfeh
<a onmouseover="var img=document[´fpAnimswapImgFP9´];img.imgRolln=img.src;img.src=img.lowsrc?img.lowsrc:img.getAttribute?img.getAttribute(´lowsrc´):img.src;" onmouseout="document[´fpAnimswapImgFP9´].src=document[´fpAnimswapImgFP9´].imgRolln" href="javascript:void(0)">
<img border="0" src="../buttons/home-mainpage-start1.gif" width="207" height="24" id="fpAnimswapImgFP9" name="fpAnimswapImgFP9" dynamicanimation="fpAnimswapImgFP9" lowsrc="../buttons/home-mainpage-start2.gif"></a></p>
<p>
hmm, ich seh hier nich durch...
auf jeden fall will ich auf die seite ´´first.htm´´
<img border="0" src="../buttons/home-mainpage-start1.gif" width="207" height="24" id="fpAnimswapImgFP9" name="fpAnimswapImgFP9" dynamicanimation="fpAnimswapImgFP9" lowsrc="../buttons/home-mainpage-start2.gif"></a></p>
<p>
hmm, ich seh hier nich durch...
auf jeden fall will ich auf die seite ´´first.htm´´
Antwort 5 von holladiewaldfeh
hat denn keiner noch eine idee??
Antwort 6 von rfb
Zitat:
hmm, ich seh hier nich durch.
das wäre bei FP-Code auch verwunderlich. Ich hab gerade bloß ne Ahnung was da wie gemacht wird (wenn ich auch nicht verstehe wieso derartig kompliziert), später vielleicht mehr.hmm, ich seh hier nich durch.
Antwort 7 von rfb
setz mal (in der Quellcodeansicht) folgendes in den Kopfbereich der Seite (also z.B. direkt vor </head>)
und dies statt des Links
wichtig sind hier die Werte bild1.gif, bild2.gif und die ID=fpAnimswapImgFP9, das musst du bei jedem Link anpassen, die ID muss jedesmal einen anderen Wert haben, der ist aber deiner Fantasie überlassen.
Hier kannst du jetzt beliebige Link-Ziele einsetzen ohne Probleme mit dem Bildwechsel.
Eigentlich geht sowas inzwischen noch komfortabler mit CSS statt mit JavaScript, aber da du FP nutzt wird das etwas schwieriger zu erklären.
Ach so, die ´ sind die einfachen Anführungszeichen, neben dem Ä auf der Tastatur, beim Kopieren werden die hier durch was anderes, ähnliches ersetzt, musst du zurücktauschen.
<script language="JavaScript">
<!--
function wexel(wo,was){
document.getElementById(wo).src=was;
}
// -->
</script>und dies statt des Links
<p><a onmouseover=´wexel("fpAnimswapImgFP9","bild2.gif")´ onmouseout=´wexel("fpAnimswapImgFP9","bild1.gif")´ href="wohin-auch-immer.htm"><img border="0" src="bild1.gif" id="fpAnimswapImgFP9"></a></p>wichtig sind hier die Werte bild1.gif, bild2.gif und die ID=fpAnimswapImgFP9, das musst du bei jedem Link anpassen, die ID muss jedesmal einen anderen Wert haben, der ist aber deiner Fantasie überlassen.
Hier kannst du jetzt beliebige Link-Ziele einsetzen ohne Probleme mit dem Bildwechsel.
Eigentlich geht sowas inzwischen noch komfortabler mit CSS statt mit JavaScript, aber da du FP nutzt wird das etwas schwieriger zu erklären.
Ach so, die ´ sind die einfachen Anführungszeichen, neben dem Ä auf der Tastatur, beim Kopieren werden die hier durch was anderes, ähnliches ersetzt, musst du zurücktauschen.
Antwort 8 von waldfeh
<script language="JavaScript">
<!--
function wexel(wo,was){
document.getElementById(wo).src=was;
}
// -->
</script>
das hier bleibt schwarz : wexel(wo,was){
document.getElementById(wo).src=was;
}
normal wird ein script doch blau angezeigt oder??
das bild wird nämlich nicht angezeigt!!
was genau muss ich zurücktauschen??
<!--
function wexel(wo,was){
document.getElementById(wo).src=was;
}
// -->
</script>
das hier bleibt schwarz : wexel(wo,was){
document.getElementById(wo).src=was;
}
normal wird ein script doch blau angezeigt oder??
das bild wird nämlich nicht angezeigt!!
was genau muss ich zurücktauschen??
Antwort 9 von waldfeh
ha,
du bist jetzt so was wie ein halbgott für mich . *fg*
meine mail-adresse: cattivo@online.de... Wenn es dich nicht allzu sehr nervt, dass ich dich vllt. noch einmal etwas frage, kannst du mir ja mal deine E-Mail Adresse schicken. Ich schreib dir auch nur wenn ich absolut nicht mehr weiter komme(also kein gespamme)...
danke und tschüss
Christian
du bist jetzt so was wie ein halbgott für mich . *fg*
meine mail-adresse: cattivo@online.de... Wenn es dich nicht allzu sehr nervt, dass ich dich vllt. noch einmal etwas frage, kannst du mir ja mal deine E-Mail Adresse schicken. Ich schreib dir auch nur wenn ich absolut nicht mehr weiter komme(also kein gespamme)...
danke und tschüss
Christian
Antwort 10 von rfb
kürzer
(durch das Zauberwort this wird die Erkennung des zu tauschenden Bildes über die ID überflüssig):
und:
Hier müssen dann wirklich nur noch die Bilder-Namen angepasst werden.
(durch das Zauberwort this wird die Erkennung des zu tauschenden Bildes über die ID überflüssig):
<script type="text/javascript">
<!--
function wexel(wo,was) {
wo.firstChild.src=was;
}
//-->
</script>und:
<a href="wohin-auch-immer.htm" onmouseover="wexel(this,´bild2.gif´)" onmouseout="wexel(this,´bild1.gif´)"><img src="bild1.gif" width="..." height="..." alt="..."></a>Hier müssen dann wirklich nur noch die Bilder-Namen angepasst werden.
Antwort 11 von waldfeh
so ich habe die page jetzt soweit das ich sie veröffentlichen kann. ich habe sie auch schon komplet auf dem ftp server.
nun weis ich aber nicht was ich machen muss damit beim eingeben der adresse im browser auch die seite aufgeht !!
vllt kann mir da jemand helfen ... danke
MfG Christian
nun weis ich aber nicht was ich machen muss damit beim eingeben der adresse im browser auch die seite aufgeht !!
vllt kann mir da jemand helfen ... danke
MfG Christian
Antwort 12 von rfb
wenn deine Startseite index.htm oder index.html heißt sollte sich diese Seite öffnen wenn du die Adresse aufrufst in der Form
ansonsten musst du den kompletten Pfad+Dateinamen eingeben:
www.die-domain.deansonsten musst du den kompletten Pfad+Dateinamen eingeben:
www.die-domain.de/unterseiten/nochweiterverschachtelt/seite.htmAntwort 13 von waldfeh
www.my-cattivo.de
Antwort 14 von waldfeh
hmm,
<a href="..seiten/first.htm" onmouseover="wexel(this,´../buttons/home-mainpage-start2.gif´)" onmouseout="wexel(this,´../buttons/home-mainpage-start2.gif´)"><img src="..buttons/home-mainpage-start1.gif" width="..." height="..." alt="..."></a><br>
ober habe ich den befehl geändert.
wenn ich das so eingebe erscheint keine button, aber der link geht trotzdem. habe da nur ein par kleine punkte untereinander aber keine buttons.
Mfg Chrisian
<a href="..seiten/first.htm" onmouseover="wexel(this,´../buttons/home-mainpage-start2.gif´)" onmouseout="wexel(this,´../buttons/home-mainpage-start2.gif´)"><img src="..buttons/home-mainpage-start1.gif" width="..." height="..." alt="..."></a><br>
ober habe ich den befehl geändert.
wenn ich das so eingebe erscheint keine button, aber der link geht trotzdem. habe da nur ein par kleine punkte untereinander aber keine buttons.
Mfg Chrisian
Antwort 15 von rfb
Zitat:
width="..." height="..." alt="..."
du solltest statt der ... die Werte für Breite, Höhe und kurze Beschreibung des Bildes einsetzen.width="..." height="..." alt="..."
Antwort 16 von waldfeh
kann man ein script einfügen was die buttons beim öffnen der seite komplet mit vorläd??
Antwort 17 von rfb
ja, das hatte ich hier nicht mit eingebaut, weil ich annahm, das der FP-Code-Schrott sowas sowieso beinhaltet.
sollte dann z.B. so aussehen:
(in die Liste trägst du statt bild1.jpg bis bildn.jpg einfach alle Bildernamen ein, die vorgeladen werden sollen)
sollte dann z.B. so aussehen:
<script type="text/javascript">
<!--
var bilder=new Array("bild1.jpg", "bild2.jpg", ..., "bildn.jpg");
var vorlad=new Array(bilder.length);
for (var j=0; j<bilder.length; j++) {
vorlad[j]=new Image();
vorlad[j].src=bilder[j];
}
function wexel(wo,was) {
wo.firstChild.src=was;
}
//-->
</script>(in die Liste trägst du statt bild1.jpg bis bildn.jpg einfach alle Bildernamen ein, die vorgeladen werden sollen)

