• Das Erstellen neuer Accounts wurde ausgesetzt. Bei berechtigtem Interesse bitte Kontaktaufnahme über die üblichen Wege. Beste Grüße der Admin

farbänderung bei gif-ausschnitt bei überfahren eines textlinks

S

sandra123

New member
hallöchen

ich knoble schon seit einiger zeit an einem javascript problem und komme einfach nicht weiter. vielleicht können sie mir helfen? wäre wirklich sehr nett :)

ich möchte so ne karte machen wie auf www.freizeitpark-guide.de
jedoch sollen sich die farben nicht beim überfahren der karte ändern sonden beim überfahren von textlinks, die ich daneben anordnen möchte.

ich versuch schon seit 1 woche das problem zu lösen bekomms aber nicht hin

tschüssi
sandra knauer
 
posten sie doch bitte mal ansatzweise den quelltext, damit gehts schneller sich einzuarbeiten und man muss nicht direkt aus der luft alle eventualitäten berücksichtigen. danke :)
 
vielleicht können wir uns hier doch bitte auf die üblichen umgangsformen einigen, die in 99,9% aller fälle das "du" beherzigen ;)

also, sowas würde ich auf keinen fall grafisch regeln (pixelgrafisch), sondern in flash machen. ist 1. viel kleiner (ladezeiten!) und 2. wesentlich einfacher!
 
also hier ist meine (noch nicht ganz fertige) Lösung:

Lad dir das Bild der karte von der Seite runter, und benutz dieses Script:

PHP: 
<script language=javaScript>
function show(post)

{
document.write('alles aus' + post + '');
}

function dontShow()
{
document.write();
}


</script>


<img src="karte1.png" border="0" useMap=#karte>

<MAP name=karte>

<AREA SHAPE=POLY COORDS="104,21,106,33,123,41,126,38,127,32,132,31,134,34,134,38,130,39,130,43,122,49,122,52,133,52,135,54,138,51,142,54,142,56,137,60,132,58,129,56,121,60,124,66,118,73,117,77,128,86,133,88,137,91,140,93,136,100,125,102,122,106,112,107,112,111,101,105,97,106,92,101,83,100,76,108,73,100,67,99,68,95,64,95,61,90,55,94,40,91,42,76,35,75,40,65,61,61,62,75,66,70,72,68,72,59,74,56,86,58,96,66,86,54,80,54,79,44,78,41,74,41,74,33,81,31,81,26,76,24,76,20,75,15,76,15" HREF="index1.php?plz=2" TARGET="mainrechts" ALT="postleit2" onMouseOver="show('postleit2')" onMouseOut="dontShow()">
<AREA SHAPE=POLY COORDS="39,93,36,99,28,99,27,108,33,110,35,113,35,119,28,124,29,128,23,132,15,129,9,135,11,143,13,151,8,160,13,166,21,163,28,163,34,162,37,164,41,160,37,151,46,149,47,149,47,143,39,136,47,134,51,138,56,130,54,135,60,133,59,124,69,120,65,111,72,108,69,101,65,101,65,97,60,93,52,96" HREF="index1.php?plz=4" TARGET="mainrechts" ALT="postleit4" onMouseOver="show('postleit4')" onMouseOut="dontShow()">
<AREA SHAPE=POLY COORDS="47,131,47,131">
<AREA SHAPE=POLY COORDS="100,108,110,113,115,110,124,110,125,107,128,104,138,104,141,102,141,93,153,98,152,111,153,115,154,122,158,128,154,135,146,134,142,138,135,132,127,143,119,142,114,155,109,158,106,166,102,169,102,175,108,177,102,182,102,186,93,194,87,183,76,188,66,190,60,185,63,176,70,166,77,163,77,156,74,156,79,150,71,147,72,140,64,136,62,128,72,121,68,113,79,109,84,103,90,104,97,109" HREF="index1.php?plz=3" TARGET="mainrechts" ALT="postleit3"  onMouseOver="show('postleit3')" onMouseOut="dontShow()">
<AREA SHAPE=POLY COORDS="218,145,223,147,227,157,224,171,222,172,219,174,217,169,212,162,207,166,207,172,187,183,164,199,152,188,143,190,134,180,143,174,149,169,148,161,143,161,140,153,131,151,130,146,136,137,141,143,143,145,145,139,155,139,160,130,183,139,186,139,186,142,198,142,198,136,210,136,211,129,216,129,212,136,216,139,217,141" HREF="index1.php?plz=0" TARGET="mainrechts" ALT="postleit0" onMouseOver="show('postleit0')" onMouseOut="dontShow()">
<AREA SHAPE=POLY COORDS="150,193,167,209,162,219,172,233,200,254,199,263,194,261,191,269,186,267,182,260,173,263,173,257,160,249,150,250,150,254,139,243,131,244,128,250,129,253,118,243,113,244,109,239,109,227,100,230,96,229,97,219,91,219,91,206,96,205,95,197,106,187,105,182,114,176,112,173,107,172,107,169,110,162,118,154,120,144,126,146,126,152,137,157,140,163,144,165,140,172,130,180,142,195" HREF="index1.php?plz=9" TARGET="mainrechts" ALT="postleit9" onMouseOver="show('postleit9')" onMouseOut="dontShow()">
<AREA SHAPE=POLY COORDS="9,177,13,183,14,194,9,200,10,210,15,212,15,219,29,218,35,220,43,213,52,213,57,216,60,213,59,208,54,210,48,208,46,202,51,198,46,189,56,183,69,162,74,160,69,155,73,151,66,147,68,142,62,136,52,140,46,137,45,139,50,142,50,150,47,154,43,153,46,161,37,167,30,166,12,168,7,162,6,164" HREF="index1.php?plz=5" TARGET="mainrechts" ALT="postleit5" onMouseOver="show('postleit5')" onMouseOut="dontShow()">
<AREA SHAPE=POLY COORDS="14,222,22,238,31,238,43,240,47,244,49,235,69,237,79,233,87,221,86,216,88,215,88,202,91,201,85,187,76,191,63,193,58,186,53,192,56,196,51,203,54,207,63,208,64,214,55,220,49,216,36,224,29,221" HREF="index1.php?plz=6" TARGET="mainrechts" ALT="postleit6" onMouseOver="show('postleit6')" onMouseOut="dontShow()">

<AREA SHAPE=POLY COORDS="51,244,60,247,46,266,38,296,42,302,60,300,62,293,70,293,75,297,80,296,78,291,75,283,80,281,83,288,83,278,91,276,91,271,95,264,100,263,98,261,104,256,112,256,113,248,108,245,105,234,96,232,92,230,93,224,90,226,84,234,73,239,65,243,62,240,51,239" HREF="index1.php?plz=7" TARGET="mainrechts" ALT="postleit7" onMouseOver="show('postleit7')" onMouseOut="dontShow()">
<AREA SHAPE=POLY COORDS="115,248,116,260,108,260,103,262,105,264,96,270,92,278,87,280,88,286,82,293,91,301,103,305,107,315,116,309,114,302,126,303,129,308,161,296,176,298,180,304,182,303,182,296,178,290,179,290,173,279,190,270,183,269,182,265,171,266,170,258,159,253,155,253,157,257,146,258,145,253,138,248,133,251,132,256,117,247" HREF="index1.php?plz=8" TARGET="mainrechts" ALT="postleit8" onMouseOver="show('postleit8')" onMouseOut="dontShow()">
<AREA SHAPE=POLY COORDS="202,58,205,71,206,82,202,92,202,97,212,105,212,113,216,126,210,126,206,131,196,133,193,136,182,133,161,126,158,117,157,100,156,94,136,85,129,83,122,78,120,73,128,68,126,61,130,59,137,62,148,56,142,49,146,47,157,43,161,34,174,35,177,33,179,23,186,27,187,32,188,34,178,40,182,48,188,46,193,44,200,48,202,53" HREF="index1.php?plz=1" TARGET="mainrechts" ALT="postleit1"  onMouseOver="show('postleit1')" onMouseOut="dontShow()">
</map>


Das Problem ist noch, das das Bild verschwindet und dann nur der text da steht..... aber das lässt sich sicher auch leicht beheben, da kann dir sicher einer her ausm Forum weiterhelfen, ich hab bis jetzt immer nur mit document.write gearbeitet, deswegen weiss ich nicht wie man das am besten machen kann...
 
Zuletzt bearbeitet:
hmmm also .colin Deine Lösung mag zwar funktionieren aber ich glaube sie macht das umgekehrte von dem, was sandra123 haben will.... sie hatte nach Textlinks gefragt, die eine bestimmte Region "erleuchten" sollen....

Aber generell kann man das Skript von der Seite als Basis nehmen.... wenn man nämlich alle onmouseover und onmouseout aus den Areas rauskopiert und in die entsprechenden Textlinks reinkopiert, dann sollte das ganze schon funzen....
 
oooops ich seh grad, dass ich den Text zu schnell gelesen habe, Du wolltest das genau anders herum, oder?? na ja,.. ich guckmal ob ich das hinbekomme,.....
 
@ birdy: guck mal auf die jswelt oder auf die javarea - da findest du scripts die zufälligerweise nur im ie funzen, aber ähnlichkeiten mit mistigen flashanwendungen von newbies haben.

zb. der Bildumdreher oder die Filter auf der javarea.de - ich denk die versuchen alles damit man flash nicht verwenden soll / darf / muss.

Außerdem würds mich beim .colin etwas wundern wenn er mitnem Flashansatz daherkommen würde :)
 
Ich muß birdy Recht geben, in Flash wäre es kein Problem.

Allerdings ist auch kein Problem mit JS einen simplen Rollover zu basteln. Es macht zwar mehr Arbeit, weil man Bilder vorladen muß, jedes Bild einzeln als Datei ablegen muß, und und und, aber besonders schwer ist es auch nicht.
 
wenn Du dafür eine halbe Stunde brauchst, dann bist Du langsam... ;););)

aber die Frage ist, was will sandra123 machen, sie hat schließlich im JS Forum gepostet und war zunächst von einer JS Lösung ausgegangen.... mal hören, was sie dazu sagt.... *horch*
 
Du musst dich einloggen oder registrieren, um hier zu antworten.
Zurück
Oben