Problem mit Code

Datenschutzerklärung
Problem mit Code Validome - Forum
Forum Startseite \| Regeln \| Suche \| Registrieren \| Anmelden \| Validome Startseite		RSS 2.0
Sie sind nicht angemeldet.		Atom 1.0

Forum Home / Javascript-Forum /

Problem mit Code

Beitrag schreiben

Autor

Beitrag

Seiten: 1

Simon
Gast

Hallo.
Ich habe mir mit einem Tool folgenden Code für Rollover-Effekte generieren lassen:

Code:

<SCRIPT LANGUAGE="JavaScript">  <!-- Hide from old browsers
// LoneWolf's JavaScript Buttons
// http://users.forthnet.gr/the/lonewolf/s/index.html
var iName=""; var nav=navigator.appName.indexOf("Netscape"); var vers=parseInt(navigator.appVersion);
  if ( (nav != -1 && vers >= 3) || (vers == 4) ) {
default1 = new Image(); default1.src = "hobbies.gif"
changed1 = new Image(); changed1.src = "hobbies_on.gif"
default2 = new Image(); default2.src = "home.gif"
changed2 = new Image(); changed2.src = "home_on.gif"
default3 = new Image(); default3.src = "links.gif"
changed3 = new Image(); changed3.src = "links_on.gif"
  }
  function Ichange(p) {
    if ( (nav != -1 && vers >= 3) || (vers == 4) ) {
    var pSrc=eval(p+ ".src");
    document[iName].src = pSrc;
    }
  }
// end hiding --></SCRIPT>

Jetzt habe ich das Problem, dass ich diesen Code nicht verstehe! Vor allem weiß ich nicht, wo die Hyperlinks zu den anderen Seiten eingebaut wurden. Den Rest kann ich glaub ich erschließen.
Es wäre sehr nett, wenn mir dabei jemand helfen könnte, denn es interessiert mich, wie man so was macht!

mfg
Simon

28.10.2005 16:40:26

Zitieren

Simon
Gast

OHHH.
Sorry, das war noch gar nicht der ganze Code. Hab noch was entdeckt und jetzt ist alles klar! Glaube ich zumindest. Wenn ich noch was finde, frage ich nochmal.

28.10.2005 17:01:26

Zitieren

Simon
Gast

Hmm...
jetzt hab ich doch noch eine Frage:
Ich hab für die Dateinamen, welche mit Pfaden eingesetzt. Und jetzt werden die Bilder erst angezeigt, wenn man mit der Maus darüberfährt! Woran liegt das, oder noch besser, wie kann ich es beheben?

mfg
Simon

28.10.2005 17:22:08

Zitieren

dkdenz
Administrator

Ort: Lübeck
Registriert: 25.04.2005
Beiträge: 605

Hallo,
eine präzisere Beschreibung, im Idealfall mit dem dazugehörigen Code, wäre schon sehr hilfreich, denn für das 'Fehlverhalten' kann es mehrere Gründe geben.
Ein Grund z.B. wäre, das eine Pfadangabe nicht stimmt oder das Bild für den Normalzustand nicht an seinem Platz liegt.

Code:

default1 = new Image(); default1.src = "http://domain.de/bilder/hobbies.gif" //Bild für den Normalzustand
changed1 = new Image(); changed1.src = "http://domain.de/bilder/hobbies_on.gif" //Bild das gewechselt wird wenn der Cursor darüberbewegt wird

Viel Spass noch...

_______________________________________
Mozilla/5.0 (X11; U; Linux i686; de; rv:1.8.0.14eol) Gecko/20080418 Ubuntu/dapper-security Firefox/1.5.0.12eol

28.10.2005 19:25:36

http://dkmd.de | http://dkdenz.de

Zitieren

Simon
Gast

Kein Problem! Den Code kannst du haben. Ich denk mal die falsche Pfadangabe ist ausgeschlossen, da er die Bilder ja findet, aber eben nicht gleich anzeigt!

Code:

<HTML>
<HEAD>
   <TITLE>Navigation</TITLE>
</HEAD>
<link rel=stylesheet type="text/css" href="style.css">
<CENTER>

<SCRIPT LANGUAGE="JavaScript">  <!-- Hide from old browsers
// LoneWolf's JavaScript Buttons
// http://users.forthnet.gr/the/lonewolf/s/index.html
var iName=""; var nav=navigator.appName.indexOf("Netscape"); var vers=parseInt(navigator.appVersion);
  if ( (nav != -1 && vers >= 3) || (vers == 4) ) {
default1 = new Image(); default1.src = "grafiken/buttons/home.gif"
changed1 = new Image(); changed1.src = "grafiken/buttons/home_on.gif"
default2 = new Image(); default2.src = "grafiken/buttons/links.gif"
changed2 = new Image(); changed2.src = "grafiken/buttons/links_on.gif"
default4 = new Image(); default4.src = "grafiken/buttons/hobbies.gif" 
changed4 = new Image(); changed4.src = "grafiken/buttons/hobbies_on.gif"
default3 = new Image(); default3.src = "grafiken/buttons/kontakt.gif"
changed3 = new Image(); changed3.src = "grafiken/buttons/kontakt_on.gif"
  }
  function Ichange(p) {
    if ( (nav != -1 && vers >= 3) || (vers == 4) ) {
    var pSrc=eval(p+ ".src");
    document[iName].src = pSrc;
    }
  }
// end hiding --></SCRIPT>

</CENTER>

<p>&nbsp;
<!-- PLACE THE FOLLOWING WHERE YOU WANT [[[ index.html ]]] TO APPEAR ON YOUR PAGE -->
<A HREF="index.html" TARGET="main" onMouseOver="iName='image1'; Ichange('changed1')" onMouseOut="Ichange('default1')">
<IMG SRC="home.gif" NAME="image1" BORDER=0></A>

<p>&nbsp;
<!-- PLACE THE FOLLOWING WHERE YOU WANT [[[ hobbies.htm ]]] TO APPEAR ON YOUR PAGE -->
<A HREF="hobbies.htm" TARGET="main" onMouseOver="iName='image4'; Ichange('changed4')" onMouseOut="Ichange('default4')">
<IMG SRC="hobbies.gif" NAME="image4" BORDER=0></A>

<p>&nbsp;
<!-- PLACE THE FOLLOWING WHERE YOU WANT [[[ links.htm ]]] TO APPEAR ON YOUR PAGE -->
<A HREF="favoriten.htm" TARGET="main" onMouseOver="iName='image2'; Ichange('changed2')" onMouseOut="Ichange('default2')">
<IMG SRC="links.gif" NAME="image2" BORDER=0></A>

<p>&nbsp;
<!-- PLACE THE FOLLOWING WHERE YOU WANT [[[ kontakt.htm ]]] TO APPEAR ON YOUR PAGE -->
<A HREF="kontakt.htm" TARGET="main" onMouseOver="iName='image3'; Ichange('changed3')" onMouseOut="Ichange('default3')">
<IMG SRC="kontakt.gif" NAME="image3" BORDER=0></A>


</BODY>
</HTML>

Vielen Dank im Voraus

mfg
Simon

28.10.2005 21:43:14

Zitieren

dkdenz
Administrator

Ort: Lübeck
Registriert: 25.04.2005
Beiträge: 605

Hallo,
Hm...ich kann da auch grade keinen Fehler entdecken,
aber ich bin auch kein JS-Profi.
Ich frage mich nur, ob die Navigation unbedingt in JS geschrieben sein muss,
denn ich gebe zu bedenken,
dass es Menschen gibt die JS in ihrem Browser deaktiviert haben und für Suchmaschinen-Bots gibt es auch nicht allzuviel her.
Eine mittlerweile gern genutzte Alternative sind Style-Sheets.
Hier mal eine kleine Anregung:

Code:

a.home:link, a.home:visited, a.home:hover, a.home:active  {
  font-size:1px;
  color:#000;
  width:150px;
  height:15px;
  text-decoration:none;
  display:block;
  background:url(grafiken/buttons/home.gif);
}
a.home:hover {
  background:url(grafiken/buttons/home_on.gif);
}

_______________________________________
Mozilla/5.0 (X11; U; Linux i686; de; rv:1.8.0.14eol) Gecko/20080418 Ubuntu/dapper-security Firefox/1.5.0.12eol

29.10.2005 14:10:38

http://dkmd.de | http://dkdenz.de

Zitieren

Simon
Gast

Die Idee gefällt mir gut! Auch, weil ich CSS besser kann als HTML (aber das heißt auch nix und ich bin da auch nicht richtig gut). Ich hab dann auch versucht, dass in meine Seite einzubauen. Es hat aber nicht geklappt :(
Ich bin einfach zu schlecht!!! Tut mir Leid, dass ich euch schon wieder stören muss, aber der Code sieht jetzt so aus und es klappt immer noch nicht!

Code:

<HTML>
<HEAD>
    <TITLE>Navigation</TITLE>
<link rel=stylesheet type="text/css" href="style.css">

<style type="css/text">
<!--
a.home:link, a.home:visited, a.home:hover, a.home:active  {
 font-size:1px;
 color:#000;
 width:150px;
 height:15px;
 text-decoration:none;
 display:block;
 background:url(grafiken/buttons/home.gif);
}
a.home:hover {
 background:url(grafiken/buttons/home_on.gif);
}
//-->
</style>

</HEAD>
<BODY>

<a class=home href="index.html" target=main></a>

</BODY>
</HTML>

mfg
Simon

29.10.2005 21:17:43

Zitieren

dkdenz
Administrator

Ort: Lübeck
Registriert: 25.04.2005
Beiträge: 605

Hallo,
keiner der eine Frage stellt, stört hier...
Ein gern 'genommener' Fehler sind die vergessenen 'Gänsefüßchen'.

Code:

<a class="home" href="index.html" target="main"></a>

Und nebenbei bemerkt: Jeder war mal 'schlecht'.
Viel Spass noch...

_______________________________________
Mozilla/5.0 (X11; U; Linux i686; de; rv:1.8.0.14eol) Gecko/20080418 Ubuntu/dapper-security Firefox/1.5.0.12eol

29.10.2005 22:20:35

http://dkmd.de | http://dkdenz.de

Zitieren

Simon
Gast

Danke für die netten Worte. Da fühlt man sich wohl!

Ich hab das jetzt so gemacht, also mit den Anführingszeichen, aber es klappt immer noch nicht.

Ich glaube, der Style-Block wird im Body-Teil gar nicht anerkannt.

Ich hab nochmal zum Test

Code:

p {font-size:40pt;}

eingefügt und unten:

Code:

<p> das hier müsste in Schriftgröße 40 dargestellt werden!

Vorher hab ich oben noch den anderen Style entfernt.

Hat nicht geklappt!

mfg
Simon

30.10.2005 18:16:02

Zitieren

dkdenz
Administrator

Ort: Lübeck
Registriert: 25.04.2005
Beiträge: 605

Hallo,
leider ist mir das nicht sofort aufgefallen,
aber es darf nicht <style type="css/text"> lauten,
sondern <style type="text/css">.
Viel Spass noch...

_______________________________________
Mozilla/5.0 (X11; U; Linux i686; de; rv:1.8.0.14eol) Gecko/20080418 Ubuntu/dapper-security Firefox/1.5.0.12eol

30.10.2005 18:46:30

http://dkmd.de | http://dkdenz.de

Zitieren

Simon
Gast

Juchu! Jetzt funzt alles! Supervielen Dank! Das Forum ist echt gut (auch wenn ich jetzt von dkdenz auf den ganzen Rest schließe ;)) Auch wegen der netten Form, wie hier mit Anfängern umgegangen wird! Da traut man sich auch nochmal nachzufragen!
Also noch einmal DANKE!

mfg
Simon

31.10.2005 14:05:07

Zitieren

dkdenz
Administrator

Ort: Lübeck
Registriert: 25.04.2005
Beiträge: 605

Immer wieder gern... :-)

_______________________________________
Mozilla/5.0 (X11; U; Linux i686; de; rv:1.8.0.14eol) Gecko/20080418 Ubuntu/dapper-security Firefox/1.5.0.12eol

31.10.2005 14:08:57

http://dkmd.de | http://dkdenz.de

Zitieren

Seiten: 1

Beitrag schreiben

Wechsel zu

Die letzten Beiträge aus diesen Forum

dringend! autobestätigungsmail funktioniert nicht >fehler:no_recipient - 28.10.2005
Rechnungsformular für Restaurant - 27.10.2005
Berechnung mit JavaScript - 25.10.2005
Windows M Player mit eigenen Buttons stueren - 24.10.2005
Anzahl von Elemente innerhalb einer ID erkennen - 21.10.2005

Problem mit Code

Validome - Forum

Problem mit Code