Witaj Gościu! ( Zaloguj | Rejestruj )

Forum PHP.pl

> [HTML] div na cala szerokosc
xix
post
Post #1





Grupa: Zarejestrowani
Postów: 87
Pomógł: 0
Dołączył: 14.11.2008

Ostrzeżenie: (0%)
-----


mam cos takiego:
  1. <div funkcja_java_script> <img> </div>

obrazek jest po prawej stronie strony. chcialbym aby funkcja z diva reagowala na calej szerokosci strony, a nie tak, jak jest teraz, gdy reaguje tylko po najechaniu na obrazek.
probowalem roznych roznosci css, jak width:100%, position, margin, float... ale nie trafilem na nic, co by dzialalo tak, jak tego potrzebuje. nie moge znalesc, wiec co moze rozszerzyc mi diva na cala szerokosc strony?
Go to the top of the page
+Quote Post
 
Start new topic
Odpowiedzi
frantic09
post
Post #2





Grupa: Zarejestrowani
Postów: 42
Pomógł: 6
Dołączył: 7.03.2011
Skąd: Kraków

Ostrzeżenie: (0%)
-----


Hm pokaże jak to działa u mnie (a działa, bo właśnie sobie to sprawdziłem (IMG:style_emoticons/default/smile.gif) )

mój prosty plik HTML:
  1. <script type="text/javascript" src="skrypt.js"></script>
  2. <div style="width:50%; border: 1px solid blue;text-align:right;padding:10px">
  3. <!-- Tutaj słowo JAVASCRIPT powinno być pisane razem... nie wiem czemu mi to rozdziela -->
  4. <img onmouseover="java script:funkcja1('obra')" onmouseout="java script:funkcja2('obra')" id="obra" src="1.jpg">
  5. </div>
  6. Jakiś tekst, na którym funkcje maja nie działać... Dużo tekstu, kilka linijek.<BR/>
  7. Jakiś tekst, na którym funkcje maja nie działać... Dużo tekstu, kilka linijek....
  8. </body>
  9. </html>


mój prosty plik JS (skrypt.js) :
  1. function funkcja1(parametr)
  2. {
  3. document.getElementById(parametr).src='2.jpg';
  4. }
  5. function funkcja2(parametr)
  6. {
  7. document.getElementById(parametr).src='1.jpg';
  8. }


Oprócz tego mam też dwa pliki:
- 1.jpg
(IMG:http://zapodaj.net/images/23f8a8e731f6.jpg)
- 2.jpg
(IMG:http://zapodaj.net/images/fdcff47e44b4.jpg)

Wszystko w jednym katalogu.


############
A gdy chcesz, aby funkcje były wykonywane po najechaniu na DIVa wtedy przeklejasz eventy z IMG na DIV, mamy wtedy
  1. <!-- Tutaj oczywiście słowo JAVASCRIPT powinno być pisane razem... -->
  2. <div style="width:50%; border: 1px solid blue;text-align:right;padding:10px" onmouseover="java script:funkcja1('obra')" onmouseout="java script:funkcja2('obra')">


Ten post edytował frantic09 10.03.2011, 12:51:48
Go to the top of the page
+Quote Post

Posty w temacie


Reply to this topicStart new topic
2 Użytkowników czyta ten temat (2 Gości i 0 Anonimowych użytkowników)
0 Zarejestrowanych:

 



RSS Aktualny czas: 11.10.2025 - 22:22