Problem z pozycjonowaniem <span>

Forum PHP.pl > Forum > Po stronie przeglądarki

Problem z pozycjonowaniem <span>

ins@ne Zobacz profil	17.09.2004, 13:17:40 Post #1
Grupa: Zarejestrowani Postów: 68 Pomógł: 0 Dołączył: 10.07.2003 Skąd: Poznań Ostrzeżenie: (0%)	Robie takie tooltipy, ktore po najechaniu np. na link wyswietlaja jakis tekst (pelna sciezke itp.). Tworze w tym celu nowy obiekt SPAN i mam teraz z nim problem jesli chodzi o pozycjonowanie. Powinien byc on zawsze ustawiony wzglednie wzgledem obiektu, ktorego dotyczy czyli np. przesuniety 20px w prawo i w dol od linka, na ktory sie najezdza kursorem. Niestety moje dzisiejsze doswiadczenia z parametrem relative daly mi znac, ze jesli pojawi sie po tym linku jakis <br> to automatycznie mi ten span "ucieka" (tak jakby ten <br> rowniez do niego sie odnosil. Probowalem juz wielu rzeczy - pierwsze co to ustawilem mu wysoki z-index, ale to tez nic nie pomoglo (IMG:http://forum.php.pl/style_emoticons/default/sad.gif) (moze dlatego, ze pozostale elementy na stronie nie sa na warstwach i nie maja zadnego z-indeksu ustawionego), potem kombinowalem z pobieraniem offsetTop (tak zeby ustawic position: absolute i wartosc top ustawic jakos offsetTop), ale efekt byl taki jakby ten span nie mial zadnego rodzica (IMG:http://forum.php.pl/style_emoticons/default/sad.gif) (a chyba powinna to byc ramka, w ktorej go wywoluje)... Ponizej zamieszczam fragment kodu, moze ktos z Was bedzie wiedzial jak to rozwiazac. Skrypt (zalaczany w pliku scripts.js): [HTML] pobierz, plaintext function showTip(strArg) { newLayer = document.createElement("SPAN"); var layerText = document.createTextNode(strArg); newLayer.appendChild(layerText); document.body.appendChild(newLayer); newLayer.style.position = "relative"; newLayer.style.top = 10+'px'; newLayer.style.left = 10+'px'; newLayer.style.zIndex = 5; } [HTML] pobierz, plaintext Strona: [HTML] pobierz, plaintext // index.htm <html> <head> <title>Tooltip in frames</title> </head> <frameset cols="25%,%"> <frame scrolling="auto" name="lewa" src="lewa.htm"> <frame scrolling="yes" name="prawa" src="prawa.htm"> </frameset> </html> // lewa.htm <html> <body> <script src="scripts.js"></script> <a href="JavaScript: void(null);" onMouseOver="showTip('To jest tip lewy...');" onMouseOut="hideTip();">lewa</a><br><br> </body> </html> // prawa.htm <html> <frameset rows="%,25%"> <frame name="gora" src="gora.htm"> <frame name="dol" src="dol.htm"> </html> // gora.htm <html> <body> <script src="scripts.js"></script> <a href="JavaScript: void(null);" onMouseOver="showTip('To jest tip gorny...');" onMouseOut="hideTip();">gora</a> a to dalej jakis tekst pod spodem...<br><br><br> </body> </html> // dol.htm <html> <body> <script src="scripts.js"></script> <a href="JavaScript: void(null);" onMouseOver="showTip('To jest tip dolny...');" onMouseOut="hideTip();">dol</a> </body> </html> [HTML] pobierz, plaintext To sa oczywiscie surowe ramki, w ktorych tylko testowo umieszczalem jakis tekst. Najlepiej problem widac w gora.htm bo tam sa te brake'i za linkiem i przez nie ten tooltip mi "ucieka". Jesli ktos wie jak rozwiazc taki problem z pozycjonowaniem (moze jakos obliczyc wartosc gdyby zastosowac absolute albo jakos "ominac" te <br>) to bede bardzo wdzieczny. Aha... niestety nie wchodzi w gre ustawienie innych elementow na stronie w warstwach bo ja tylko dorabiam skrypt do juz istniejacej strony i nie moge w niej nic zmieniac (IMG:http://forum.php.pl/style_emoticons/default/sad.gif)