Supportnet Computer
Planet of Tech

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)

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

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.

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´´

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.

Antwort 7 von rfb

setz mal (in der Quellcodeansicht) folgendes in den Kopfbereich der Seite (also z.B. direkt vor </head>)

<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??

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

Antwort 10 von rfb

kürzer
(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

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
www.die-domain.de

ansonsten musst du den kompletten Pfad+Dateinamen eingeben:
www.die-domain.de/unterseiten/nochweiterverschachtelt/seite.htm


Antwort 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

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.

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:

<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)