Witaj Gościu! ( Zaloguj | Rejestruj )

Forum PHP.pl

> [JavaScript] poruszenie obrazu, Timer działa ale nie wiem jak poruszyć obraz
simman
post
Post #1





Grupa: Zarejestrowani
Postów: 21
Pomógł: 0
Dołączył: 23.05.2007

Ostrzeżenie: (10%)
X----


Cześć!
Mam problem chce zmienić wielkość i pozycje mojego image pilka.jpg wykorzystując Timer.

Timer działa jeśli z kodu pozbędziemy się tego (IMG:style_emoticons/default/smile.gif) Jednak ja chce wykonać działania na image (IMG:style_emoticons/default/smile.gif)

<img src="pilka.jpg" name ="cos"/>
document.getElementByName('cos').style.height=c;


Mój cały kod
  1. <!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"><html>
  2. <meta http-equiv="Content-type" content="text/html; charset=iso-8859-2">
  3. <meta name="Description" content=" [wstaw tu opis strony] ">
  4. <meta name="Keywords" content=" [wstaw tu slowa kluczowe] ">
  5. <meta name="Author" content=" [dane autora] ">
  6. <meta name="Generator" content="kED2">
  7.  
  8. <title> [tytuł strony] </title>
  9.  
  10. <link rel="stylesheet" href=" [nazwa_arkusza_stylow.css] " type="text/css">
  11. </head>
  12. <body onload ="doTimer()">
  13. <script language ="javascript" type "text/javascript">
  14.  
  15. var c=0;
  16. var t;
  17. var timer_is_on=0;
  18.  
  19. function timedCount()
  20. {
  21. c=c+1;
  22.  
  23. document.getElementById('wooYayMessage').innerHTML= c.toString();
  24. document.getElementByName('cos').style.height=c;
  25. t=setTimeout("timedCount()",1000);
  26. }
  27.  
  28. function doTimer()
  29. {
  30. if (!timer_is_on)
  31. {
  32. timer_is_on=1;
  33. timedCount();
  34. }
  35. }
  36.  
  37.  
  38. <div id ="wooYayMessage" style="height: 1.5em font-size: 2em; color:red">
  39.  
  40. </div>
  41. <img src="pilka.jpg" name ="cos"/>
  42. </body>
  43. </html>
Go to the top of the page
+Quote Post
 
Start new topic
Odpowiedzi
kamil4u
post
Post #2





Grupa: Zarejestrowani
Postów: 2 350
Pomógł: 512
Dołączył: 4.01.2009
Skąd: Wrocław / Świdnica

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


Pokaż swój kod w obecnej formie. Lepiej jak będziesz operował CSS(el.style.własność) niż HTML(el.własność). Zobacz czy nigdzie nie brakuje Ci ";". Zarówno w CSS jak i w JS.
Go to the top of the page
+Quote Post
simman
post
Post #3





Grupa: Zarejestrowani
Postów: 21
Pomógł: 0
Dołączył: 23.05.2007

Ostrzeżenie: (10%)
X----


Cytat(kamil4u @ 3.11.2010, 22:18:45 ) *
Pokaż swój kod w obecnej formie. Lepiej jak będziesz operował CSS(el.style.własność) niż HTML(el.własność). Zobacz czy nigdzie nie brakuje Ci ";". Zarówno w CSS jak i w JS.


Tak wygląda mój kod teraz

Kod
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"><html>
<head>
  <meta http-equiv="Content-type" content="text/html; charset=iso-8859-2">
  <meta name="Description" content=" [wstaw tu opis strony] ">
  <meta name="Keywords" content=" [wstaw tu slowa kluczowe] ">
  <meta name="Author" content=" [dane autora] ">
  <meta name="Generator" content="kED2">

  <title> [tytuł strony] </title>

  <link rel="stylesheet" href=" [nazwa_arkusza_stylow.css] " type="text/css">
</head>
<body onload ="doTimer()">
<script language ="javascript" type "text/javascript">

var c=0;
var t;
var timer_is_on=0;

function timedCount()
{
c=c+1;

document.getElementById('wooYayMessage').innerHTML= c.toString();

document.getElementsByName('cos')[0].width="60%";
t=setTimeout("timedCount()",1000);
}

function doTimer()
{
if (!timer_is_on)
  {
  timer_is_on=1;
  timedCount();
  }
}


</script>
<div id ="wooYayMessage" style="height: 1.5em font-size: 2em; color:red">

</div>
<img src="pilka.jpg"  name ="cos" />
</body>
</html>
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: 6.10.2025 - 09:12