Map area nur X und Y wert?
lima-city → Forum → Die eigene Homepage → HTML, CSS & Javascript
abziehen
addieren
beispiel
benutzer
bild
code
dank
ecke
freund
gleichen werte setzen
klicken
koordinate
linke obere ecke
nehmen
rechte untere ecke
rechteck
speichern
stelle
treffen
url
-
Hallo LC,
Ich habe ein Bild auf meiner HP. Nun können meine User auf eine von ihnen gewählte stelle klicken.
Um ihre Freunde zu verlinken. So Ich lese die Position mit Javascript aus:
<script type="text/javascript"> function Coords (param_img) { if (window.event) document.getElementById['FeldXY'].value = "x: "+window.event.x+", y: " + window.event.y + '&bild=' + param_img; } </script> </head><body> <div><p onclick="Coords()"> <form action="verlinken.php";> <input type="image" src="<?echo"Bilder/Bilderalbum/$BilderZahl"?>"; width="345" height="312" border="0" alt="Freunde verlinken!" > <input type="hidden" name="bild" value="<?echo"$BilderZahl"?>"> </form> </center>
So das Funktioniert auch soweit......
Aber um die Verlinkung dann auf das Bild zu bringen muss ich nicht nur den x und y werthaben sondern auch x2 und y2 ?
siehe Hier: Hier klicken
gibt es noch eine andere Möglichkeit den Link auf die von den User gewählte stelle zubringen oder gibt es eine Möglichkeit X2/ Y2 mit javascript auszulesen?
Danke Schonmal
Beitrag zuletzt geändert: 12.1.2010 19:19:05 von christian1603 -
Diskutiere mit und stelle Fragen: Jetzt kostenlos anmelden!
lima-city: Gratis werbefreier Webspace für deine eigene Homepage
-
Ich verstehe nicht direkt, was du machen möchtest - durch eine Map-Area und zwei Koordinaten kann man in einem Bild verschiedene Hyperlinks zuweisen. Wie genau meinst du das nun mit deinem X2 und Y2 Wert? Soll der Benutzer zwei mal klicken können und jeweils wird X und Y gespeichert?
Gruß,
dex(qap2-Team)
PS: Bitte keinen weiteren Thread mehr!! Nur weil nicht in 10 Minuten kein neuer Beitrag geschrieben wurde muss man nicht direkt ein neues Thema öffnen (kommt jetzt zum zweiten Mal vor)! Bitte unterlassen! Danke -
qap2 schrieb: Ich verstehe nicht direkt, was du machen möchtest - durch eine Map-Area und zwei Koordinaten kann man in einem Bild verschiedene Hyperlinks zuweisen. Wie genau meinst du das nun mit deinem X2 und Y2 Wert? Soll der Benutzer zwei mal klicken können und jeweils wird X und Y gespeichert?
Wenn du User auf eine posi drückt Wirt der x und y gespeichert. also die aktuelle Mausposition auf dem Bild.
Nun will ich den Link auf dem Bild speichern. <- x und y in die DB speichern kein problem.
aber um die Posi auf den bild auch zu haben muss ich 4 werte haben. : coords="11,10,59,29"
und ich weiß nicht wie ich das lösen kann. -
Die beiden Koordinaten die du angibst, sind zwei gegenüberliegende Ecken eines Rechtecks, also x1 und y1 ist z.B. die linke obere Ecke und x2, y2 die rechte untere Ecke.
Man könntest für x2 und y2 zum Beispiel die gleichen Werte setzen wie für x1 und y1, der so entstehende Link ist dann jedoch nur 1x1 px groß und evtl. etwas schwer zu treffen.
Oder du könntest auch deine Werte die dir dein Javascript ausliest nehmen und für x1 und y1 je 5 px abziehen und für x2 und y2 je 5px addieren, dann ist dein link 10x10 px groß. -
kochmarkus schrieb:
Die beiden Koordinaten die du angibst, sind zwei gegenüberliegende Ecken eines Rechtecks, also x1 und y1 ist z.B. die linke obere Ecke und x2, y2 die rechte untere Ecke.
Man könntest für x2 und y2 zum Beispiel die gleichen Werte setzen wie für x1 und y1, der so entstehende Link ist dann jedoch nur 1x1 px groß und evtl. etwas schwer zu treffen.
Oder du könntest auch deine Werte die dir dein Javascript ausliest nehmen und für x1 und y1 je 5 px abziehen und für x2 und y2 je 5px addieren, dann ist dein link 10x10 px groß.
Cool danke klingt Logisch! und ist auch Logisch!
Danke auch für das Beispiel!
lg -
Hey,
Ich hab mal ne Frage und wollte nicht extra ein Neues Thma aufmachen.
Kann man Die Besucher irgendwie darauf aufmerksam machen das Links im Bild sind?
An besten wäre wenn man einen Mouseover einbauen kann und das dann z.b Ein Border um das Viereck (den link) ist?
Wie kann man das machen?
Danke! -
Diskutiere mit und stelle Fragen: Jetzt kostenlos anmelden!
lima-city: Gratis werbefreier Webspace für deine eigene Homepage
