Pomoc - Szukaj - Użytkownicy - Kalendarz
Pełna wersja: Dynamiczny hyperlink
Forum PHP.pl > Forum > Po stronie przeglądarki
hao
16.02.2005, 17:00:02
No więc jakoś udaje mi się pobrać współrzędne myszki na obrazku i przekazać je do formularza. Ale za chiny ludowe ni udaje mi się przerobić tego do takiej postaci, żeby dynamicznie generować hyperlink o postaci: strona.php?x=...&y=...
Do formularza jest ok, bo mam jak byk NAZW formularza i PÓL, ale jak wrzucać te współrzędne do href? sad.gif dzięki za pomoc.


[PHP] pobierz, plaintext 
  1. <?php
  2. &#60;script>
  3. document.onmousemove = getMouseXY;
  4.  
  5. var tempX = 0
  6. var tempY = 0
  7.  
  8. function getMouseXY(e) {
  9. 	tempX = event.clientX + document.body.scrollLeft
  10. 	tempY = event.clientY + document.body.scrollTop
  11.   } 
  12.  
  13.   if (tempX < 0){tempX = 0}
  14.   if (tempY < 0){tempY = 0}  
  15.  
  16.   document.Show.MouseX.value = tempX
  17.   document.Show.MouseY.value = tempY
  18.   return true
  19. }
  20. ?>
[PHP] pobierz, plaintext 


[PHP] pobierz, plaintext 
  1. <?php
  2. <form name=&#092;"Show\">
  3. <input type=&#092;"text\" name=\"MouseX\" value=\"0\" size=\"4\"> X<br>
  4. <input type=&#092;"text\" name=\"MouseY\" value=\"0\" size=\"4\"> Y<br>
  5. </form>
  6. ?>
[PHP] pobierz, plaintext
ganimedes
16.02.2005, 17:32:52 
[HTML] pobierz, plaintext 
  1. <script>
  2. document.onmousemove = getMouseXY;
  3.  
  4. var tempX = 0;
  5. var tempY = 0;
  6.  
  7. function getMouseXY(e) {
  8.     tempX = event.clientX + document.body.scrollLeft;
  9.     tempY = event.clientY + document.body.scrollTop;
  10.  
  11.  
  12.   if (tempX < 0){tempX = 0}
  13.   if (tempY < 0){tempY = 0}  
  14.  
  15.   document.Show.MouseX.value = tempX;
  16.   document.Show.MouseY.value = tempY;
  17.   return true;
  18.  
  19. }
  20. </script>
[HTML] pobierz, plaintext
bregovic
16.02.2005, 17:34:15
Kod
document.onmousemove = getMouseXY;

var tempX = 0
var tempY = 0

function getMouseXY(e)
{
    tempX = event.clientX + document.body.scrollLeft;
    tempY = event.clientY + document.body.scrollTop;
    if (tempX < 0){tempX = 0}
    if (tempY < 0){tempY = 0}  
    link = getElementById('jakislink');
    link.setAttribute('href', 'jakisadres.php?x='+tempX+'&y='+tempY);
    return true;
}

A link:
[HTML] pobierz, plaintext 
  1. <a href="#" id="jakislink">link</a>
[HTML] pobierz, plaintext

Z tymże wydaje mi się że źle pobierasz pozycję kursora - to jest to nie bedzie działać na wszystkich przeglądarkach...
hao
16.02.2005, 18:08:50
Wielkie dzięki.
Jeśli chodzi o przeglądarke to mam jeszcze kilka linijek kodu.... Ale wyciąłem, bo szkoda miejsca w poście, niech się czyta czytalniej ;>

Niestety w statusie mam "Błąd na stronie", nie działa :/

Wybaczcie ale ja z JS jestem "noga" więc taki proszę, poprawcie mój kod sad.gif dzięki!

[HTML] pobierz, plaintext 
  1. <html>
  2. <head>
  3. <title>New Page 1</title>
  4. </head>
  5. <body topmargin="0" leftmargin="0">
  6.  
  7. <script language="JavaScript1.2">
  8. <!--
  9. var IE = document.all?true:false   // czy przeglądarka to IE? Jeśli nie to NS.
  10. if (!IE) document.captureEvents(Event.MOUSEMOVE)
  11.  
  12. document.onmousemove = getMouseXY;
  13.  
  14. var tempX = 0
  15. var tempY = 0
  16.  
  17. function getMouseXY(e) {
  18.   if (IE) { // grab the x-y pos.s if browser is IE
  19.     tempX = event.clientX + document.body.scrollLeft
  20.     tempY = event.clientY + document.body.scrollTop
  21.   } else {  // grab the x-y pos.s if browser is NS
  22.     tempX = e.pageX
  23.     tempY = e.pageY
  24.   }  
  25.  
  26.   if (tempX < 0){tempX = 0}
  27.   if (tempY < 0){tempY = 0}  
  28.  
  29.   link = getElementById('jakislink');
  30.   link.setAttribute('href', 'worldview_establish.php?x='+tempX+'&y='+tempY);
  31.   return true;
  32. }
  33.  
  34. //-->
  35. </script>
  36. <p><a href="#" id="jakislink"><img border="0" src="europe-human.gif"></a></p>
  37. </body>
  38. </html>
[HTML] pobierz, plaintext
bregovic
16.02.2005, 21:35:25
A nie łatwiej ci będzie użyć tego:
[HTML] pobierz, plaintext 
  1. <input type="image" src="twoj.obrazek" />
[HTML] pobierz, plaintext

?
hao
17.02.2005, 22:10:01
Nie bardzo wiem jak z tego można potem odczytać X, Y gdzie myszka kliknęła ...
bregovic
17.02.2005, 23:24:04
Szybki google - i zobacz np to.
hao
19.02.2005, 17:40:21
Normalnie usciskać i pocałować smile.gif dzięki.
To jest wersja lo-fi głównej zawartości. Aby zobaczyć pełną wersję z większą zawartością, obrazkami i formatowaniem proszę kliknij tutaj.
Invision Power Board © 2001-2024 Invision Power Services, Inc.