Pomoc - Szukaj - Użytkownicy - Kalendarz
Pełna wersja: Sprawdzanie pozycji obrazka na stronie
Forum PHP.pl > Forum > PHP
cichy19-
7.09.2008, 21:14:15
Witam,

Tworzę skrypt sprawdzający miejsce umieszczenie obrazka na stronie.
Nie mam zielonego pojęcia jak sprawdzić czy obrazek o określonej nazwie jest wstawiony na górze, środku czy na dole strony.

Bardzo prosze o pomoc jak to zrobić.

Pozdrawiam i dziekuję
TomASS
7.09.2008, 21:17:54
Najpierw odpowiedz sobie (i nam) co oznacza "góra" "środek" oraz "dół" strony.
cichy19-
7.09.2008, 21:20:13
Podzielmy stronę na trzy części.

Góra- nagłówej
Środek - wszystko pomiędzy górą a dołem.
Dół - stopka
bim2
7.09.2008, 21:21:43
Mogę wstawić obrazek od razu przed </body> i zrobić żeby był na górze strony. Jak chcesz sprawdzić gdzie on jest? Raczej się nie da po nazwie.
cichy19-
7.09.2008, 21:22:55
To może da to się zrobić w jakiś inny sposób niż po nazwie?
Mystic007
7.09.2008, 21:23:25
A nie lepiej użyć JavaScript? :|
TomASS
7.09.2008, 21:25:41
Chwila, chwila, ale chodzi Ci o miejsce w sensie w jakim znaczniku się znajduje? <div id="naglowek> itp... czy po położenie w pixelach? W jednym i drugim przypadku przyda się zapewne JavaScript.
cichy19-
7.09.2008, 21:27:39
Tak chodzi o miejsce na stronie. Powiedzmy jak obliczyć miesjce położenia loga google na stronie głownej.
TomASS
7.09.2008, 22:12:10
ZNACZNIK czy POZYCJA?
bim2
7.09.2008, 22:50:05
Print screen google.pl -> wyszukujesz pixel po pixelu czy zgadzaja sie z twoimi pixelami podstawionymi -> masz pozycję w pixelach.
TomASS
8.09.2008, 06:59:23
Sprawdzenie pozycji danego obiektu Z (kompletnym) PRZYKŁADEM - wklej, odpal i zobacz jak to działa:
[HTML] pobierz, plaintext 
  1. <html>
  2. <script>
  3. function $(id){
  4.  	return document.getElementById(id);
  5. }
  6.  
  7.  
  8.  function findPosX(obj)
  9.   {
  10.     var curleft = 0;
  11.     if(obj.offsetParent)
  12.         while(1) 
  13.         {
  14.           curleft += obj.offsetLeft;
  15.           if(!obj.offsetParent)
  16.             break;
  17.           obj = obj.offsetParent;
  18.         }
  19.     else if(obj.x)
  20.         curleft += obj.x;
  21.     return curleft;
  22.   }
  23.  
  24.   function findPosY(obj)
  25.   {
  26.     var curtop = 0;
  27.     if(obj.offsetParent)
  28.         while(1)
  29.         {
  30.           curtop += obj.offsetTop;
  31.           if(!obj.offsetParent)
  32.             break;
  33.           obj = obj.offsetParent;
  34.         }
  35.     else if(obj.y)
  36.         curtop += obj.y;
  37.     return curtop;
  38.   }
  39.  
  40. function position(){
  41. 	alert("Left: "+findPosX($('obrazek'))+"px");
  42. 	alert("Top: "+findPosY($('obrazek'))+"px");
  43. }
  44.  
  45. </script>
  46. <body onLoad="position()">
  47.  
  48. <br/>
  49. <br/>
  50. <br/>
  51. <img srcs="" id="obrazek"/>
  52. </body>
  53. </html>
[HTML] pobierz, plaintext


źródełko
cichy19-
11.09.2008, 10:22:36
Ok a jakiś pomysł na odnalezienie pozycji linku na stronie?
wookieb
11.09.2008, 10:25:16
Kod
document.getElementById('id').offsetTop; // pozycja y
document.getElementById('id').offsetLeft; // pozycja x


Oczywiscie "id" to id elementu. Jezeli takowy element id nie posiada to docieramy do niego innymi DOM-owymi metodami.
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-2025 Invision Power Services, Inc.