Richtige Syntax um href in einer funktion zu definieren

[Stereovox]

Gutenmorgen

Kann mit jemand helfen und sagen wie lautet die richtige Formulierung in einer Funkion die "href" bei eine "map" steuren soll?

<script type="text/javascript">
function LinkSetzen ()   {
document.geheWeiter.setAttribute(this ,"http://www.blablabla.com";)}
</script>

<td valign="top" width="191"><img height="114" alt="BildMitLink"  src="img.gif" width=191 useMap=#BildMitLink=0 name=BildMitLink >

<map  id=css/winstyle.css name=BildMitLink>
<area onMouseOver="javascript:toBuyNow(); self.status='Circle';return true"  onmouseout="self.status='';return true" shape=CIRCLE alt="geheWeiter" name="geheWeiter" coords=162,86,27 id="geheWeiter" href="javascript: LinkSetzen()"></map>

Bin für jeden Tipp sehr dankbar
Stereovox

[Struppi]

Kann mit jemand helfen und sagen wie lautet die richtige Formulierung in einer Funkion die "href" bei eine "map" steuren soll?

in dem du die Eigenschaft href änderst.

document.geheWeiter.setAttribute(this ,"http://www.blablabla.com";)}

was du hier nicht tust.

<map  id=css/winstyle.css name=BildMitLink>
<area onMouseOver="javascript:toBuyNow(); self.status='Circle';return true"  onmouseout="self.status='';return true" shape=CIRCLE alt="geheWeiter" name="geheWeiter" coords=162,86,27 id="geheWeiter" href="javascript: LinkSetzen()"></map>

'javascript:' ist in einem Eventhandler überflüssig, woher hast du das?
und statt href willst du hier onclick verwenden.

Struppi.

[stereovox]

Danke, ich glaube jetzt geht's

in dem du die Eigenschaft href änderst.

function toBuyNow () {
  if (geCklikt == 1) {
    window.location.href = "buy.html";
  } else {
    window.location.href = "";
  }
}

und statt href willst du hier onclick verwenden.

onClick="javascript:toBuyNow()"

Gruss
stereovox

[Patrick Andrieu]

Hallo stereovox!

onClick="javascript:toBuyNow()"

Schon besser, aber javascript: brauchst Du hier nicht:

onclick="toBuyNow();"

Viele Grüße aus Frankfurt/Main,
Patrick

[stereovox]

Hallo Patrick

Danke!

onClick="javascript:toBuyNow()"

wie kann ich im Script integrieren dass auch denn der Cursor auf "pointer" wechselt?

Danke und Grüsse aus der Schweiz
stereovox

[Struppi]

wie kann ich im Script integrieren dass auch denn der Cursor auf "pointer" wechselt?

Dazu brauchst du kein skript, das geht mit CSS, das steht auch im entsprechenden Kapitel in selfhtml.

Struppi.

[stereovox]

Hi Struppi,

wie kann ich im Script integrieren dass auch denn der Cursor auf "pointer"

style="cursor:pointer;"
der cursor sollte auf poiter wechseln nur wenn davor das Bild angeclickt wurde.
hier zu sehen: http://www.bumbibear.com/boumbi/index.html
mann kann nur weiter wenn der Einkaufswagen da ist (bzw. eine Farbe ausgewählt wurde)

–––––––––––––––––––––––––
<script type="text/javascript">
function CursorWechsel () {
  if (geCklikt > 0) {
    document. images aBuyNow.setAttribute("style", "cursor:pointer") /*  Hilfeeeeeeeeeeee*/
  } else {
    document.images.BuyNow.style = "";
  }
}
</script>

<map id=css/winstyle.css name=colordef>
 <area coords=167,93,18 style="javascript:CursorWechsel()" shape=CIRCLE alt="buyNow"  id="BuyNow" name="BuyNow"
        onClick="toBuyNow()" >
     </map>

–––––––––––––––––––––––––

[Struppi]

der cursor sollte auf poiter wechseln nur wenn davor das Bild angeclickt wurde.

Wenn das Bild angeklickt wird an der Stelle, dann wechselt doch sowieso die Seite. d.h. du kannst einfach  ....

<map id=css/winstyle.css name=colordef>
<area coords=167,93,18 style="javascript:CursorWechsel()" shape=CIRCLE alt="buyNow"  id="BuyNow" name="BuyNow"
        onClick="toBuyNow()" >

hier dein Style einbauen (und das Javascript dort ist Quatsch)

Struppi.

[stereovox]

Danke Struppi,

aber,

der cursor sollte auf poiter wechseln nur wenn davor das Bild angeclickt wurde.

Wenn das Bild angeklickt wird an der Stelle, dann wechselt doch sowieso die Seite. d.h. du kannst einfach  ....

<map id=css/winstyle.css name=colordef>
<area coords=167,93,18 style="javascript:CursorWechsel()" shape=CIRCLE alt="buyNow"  id="BuyNow" name="BuyNow"
        onClick="toBuyNow()" >

hier dein Style einbauen (und das Javascript dort ist Quatsch)

http://www.bumbibear.com/boumbi/
Wenn ich die Farbe wähle gibt es kein Seitenwechsel.
wenn ich den Style von Anfang an einbaue denn wird der Cursor zu "pointer" auch wenn ich noch keine Farbe gewäht habe (und dort noch kein Einkaufwagen habe)

bin um jeden Tipp froh
Stereovox

[Struppi]

http://www.bumbibear.com/boumbi/
Wenn ich die Farbe wähle gibt es kein Seitenwechsel.
wenn ich den Style von Anfang an einbaue denn wird der Cursor zu "pointer" auch wenn ich noch keine Farbe gewäht habe (und dort noch kein Einkaufwagen habe)

Wo kommt den der Einkaufswagen her?

Struppi.

[stereovox]

Hallo Struppi

Wo kommt den der Einkaufswagen her?

Der ist auf dem Bild "img/lieb_d_orange_buy_05.gif"
(zusammen mit den Farbnamen) dass jeweils geladen wird (function FarbAll und function FarbPruefen) wenn eine Farbe angeclickt wird.

Gruss
Stereovox

[stereovoc]

Kann mir jemand helfen?
hier nochmals das Problem neu  formuliert

ich arbeite mit Grafiken:
eine Grafik A wo der benutzer mittels Rollover eine Farben wählen kann. Wenn er denn klickt wird auf einerseits auf Grafik B das Farbmuster geladen und bei Grafik A wird eine neue grafik geladen wo einen Einkaufswagen erscheint.
DAS PROBLEM: wie kann ich machen dass der Cursor zu "Pointer" wird NUR nachdem auf Grafik A geklickt wurde?

Den Beispiel habe ich auf
http://www.bumbibear.com/boumbi/test.html/

ich dachte an sowas(sieh unten) wird aber beim nachlesen nicht schlau, wie kann ich mittels einer Funtion, Style kontrollieren

:–––––––––––––––––––––––––
<script type="text/javascript">
function CursorWechsel () {
  if (geCklikt > 0) {
    document. images aBuyNow.setAttribute("style", "cursor:pointer") /*  HILFEEEEEEEE*/
  } else {
    document.images.BuyNow.style = "";
  }
}
</script>

<map id=css/winstyle.css name=colordef>
 <area coords=167,93,18 style="javascript:CursorWechsel()" shape=CIRCLE alt="buyNow"  id="BuyNow" name="BuyNow"
        onClick="toBuyNow()" >
     </map>

–––––––––––––––––––––––––

[stereovox]

Kann mir jemand helfen?
hier nochmals das Problem neu  formuliert

ich arbeite mit Grafiken:
eine Grafik A wo der benutzer mittels Rollover eine Farben wählen kann. Wenn er denn klickt wird auf einerseits auf Grafik B das Farbmuster geladen und bei Grafik A wird eine neue grafik geladen wo einen Einkaufswagen erscheint.
DAS PROBLEM: wie kann ich machen dass der Cursor zu "Pointer" wird NUR nachdem auf Grafik A geklickt wurde?

Den Beispiel habe ich auf
[http://www.bumbibear.com/boumbi/test.html]

ich dachte an sowas(sieh unten) wird aber beim nachlesen nicht schlau, wie kann ich mittels einer Funtion, Style kontrollieren

:–––––––––––––––––––––––––
<script type="text/javascript">
function CursorWechsel () {
  if (geCklikt > 0) {
    document. images aBuyNow.setAttribute("style", "cursor:pointer") /*  HILFEEEEEEEE*/
  } else {
    document.images.BuyNow.style = "";
  }
}
</script>

<map id=css/winstyle.css name=colordef>
 <area coords=167,93,18 style="javascript:CursorWechsel()" shape=CIRCLE alt="buyNow"  id="BuyNow" name="BuyNow"
        onClick="toBuyNow()" >
     </map>

–––––––––––––––––––––––––

[stereovox]

Danke Steel!

Wird aber daraus nicht schlau, sobald ich href habe erscheint der cursor als pointer
style="cursor:auto"

Aeh. das steht doch da: mit dem style Attribut.

Naeheres zum aendern von Stylen in Scripten findet der geneigte Suchfunktionen
Benutzer, der geneigte Forenleser in verschiedenen recht aktuellen Threads oder »» auch  der geniegte SelfHTMLuser unter style im Javascriptbereich.

style="cursor:auto" hat keinen Einfluss

Habe den Beispiel hier: http://www.bumbibear.com/boumbi/test.html

bzw. es geht um diese Funktion:
–––––––––––––––––––––––––––––––––
<script type="text/javascript">
function CursorWechsel () {
if (geCklikt > 0) {document.all.BuyNow.style.cursor = "crosshair";}
else { document.all.BuyNow.style.cursor = "default";}
}</script>
–––––––––––––––––––––––––––––––––

und dieses Element:
–––––––––––––––––––––––––––––––––
<area style="cursor:auto" shape=CIRCLE id="BuyNow" alt="buy now" href="javascript:CursorWechsel" coords=162,86,27 onClick="toBuyNow()"></map>

bin für jeden Tipp dankbar
stereovox

[Struppi]

hier zu sehen: http://www.bumbibear.com/boumbi/index.html

P.S. dein style enthält einen Fehler (was der FF auch in der Fehlerkonsole anzeigt) und zwar im Body Tag.

Struppi.