Pomoc - Szukaj - Użytkownicy - Kalendarz
Pełna wersja: [JavaScript] Wstawienie skryptu JS do head i body?
Forum PHP.pl > Forum > Przedszkole
martin1978
8.06.2011, 11:15:59
Witam
Mam skrypt JS, który składa się z dwóch części. Pierwszą część należy umieścić w head, natomiast drugą w body.
Jak bezpośrednio dorzucę skrypt to jest ok. Natomiast wolalbym, zeby wczytywal mi sie on z pliku.js.
W tym przypadku zrobilem dwa pliki:
plik_head.js i plik_body.js
W HTML w head wstawilem <script type="text/javascript" src="plik_head.js"></script>
natomiast w body w html
<script type="text/javascript" src="plik_body.js"></script>

I nie wiem dlaczego, ale to nie dziala mi, pytanie dlaczego?

Z góry dziękuje za odpowiedzi
Pozdrawiam
kamil4u
8.06.2011, 11:30:53
Skrypt jest raczej źle stworzony. Da się zrobić, tak aby wszystko umieścić w <head>.

Sprawdź konsolę błędów. Zobacz jak sprawa wygląda firebug-u i ew. wtedy umieść tu odpowiednie fragmenty kodu.

Prawdopodobnie chodzi o załadowanie DOM-u. Spróbuj w pliku "plik_body" wstawić takie coś:
Kod
onload = function(){
//tu cały kod z tego pliku
}
martin1978
8.06.2011, 11:44:20
Hmmm...., niestety, ale bez zmian
a oto kody:
plik do head:
[HTML] pobierz, plaintext 
  1. <style>
  2. leftright, topdown{
  3. position:absolute;
  4. left:0;
  5. top:0;
  6. width:1px;
  7. height:1px;
  8. layer-background-color:black;
  9. background-color:black;
  10. z-index:100;
  11. font-size:1px;
  12. }
  13. </style>
  14.  
[HTML] pobierz, plaintext


Plik do body:
[JAVASCRIPT] pobierz, plaintext 
  1. onload = function(){
  2. <div id="leftright" style="width:expression(document.body.clientWidth-2)"></div>
  3.  
  4. <div id="topdown" style="height:expression(document.body.clientHeight-2)"></div>
  5.  
  6. if (document.all&&!window.print){
  7. leftright.style.width=document.body.clientWidth-2
  8. topdown.style.height=document.body.clientHeight-2
  9. }
  10. else if (document.layers){
  11. document.leftright.clip.width=window.innerWidth
  12. document.leftright.clip.height=1
  13. document.topdown.clip.width=1
  14. document.topdown.clip.height=window.innerHeight
  15. }
  16.  
  17.  
  18. function followmouse1(){
  19.  
  20. leftright.style.pixelTop=document.body.scrollTop+event.clientY+1
  21. topdown.style.pixelTop=document.body.scrollTop
  22. if (event.clientX<document.body.clientWidth-2)
  23. topdown.style.pixelLeft=document.body.scrollLeft+event.clientX+1
  24. else
  25. topdown.style.pixelLeft=document.body.clientWidth-2
  26. }
  27.  
  28. function followmouse2(e){
  29.  
  30. document.leftright.top=e.y+1
  31. document.topdown.top=pageYOffset
  32. document.topdown.left=e.x+1
  33. }
  34.  
  35. if (document.all)
  36. document.onmousemove=followmouse1
  37. else if (document.layers){
  38. window.captureEvents(Event.MOUSEMOVE)
  39. window.onmousemove=followmouse2
  40. }
  41.  
  42. function regenerate(){
  43. window.location.reload()
  44. }
  45. function regenerate2(){
  46. setTimeout("window.onresize=regenerate",400)
  47. }
  48. if ((document.all&&!window.print)||document.layers)
  49. window.onload=regenerate2
  50.  
  51. }
[JAVASCRIPT] pobierz, plaintext

Sprawdzałem bledy i po kompilacji 0% .
kamil4u
8.06.2011, 11:53:50
No bo wszystko źle robisz smile.gif
Plik 'dla head' jest plikiem CSS - przeczytaj jak dodaje się takie pliki

Plik 'dla body' jest całkowicie źle skonstruowany. Mieszasz w nim HTML z JS.
Zrób tak:
- usuwasz te moje onload = function
- kod HTML:
[HTML] pobierz, plaintext 
  1. <div id="leftright" style="width:expression(document.body.clientWidth-2)"></div>
  2. <div id="topdown" style="height:expression(document.body.clientHeight-2)"></div>
[HTML] pobierz, plaintext

wstawiasz luzem gdzieś w <body>
- bezpośrednio za tym kodem wstawiasz kod JS(może być w pliku):
[JAVASCRIPT] pobierz, plaintext 
  1. if (document.all&&!window.print){
  2. leftright.style.width=document.body.clientWidth-2
  3. topdown.style.height=document.body.clientHeight-2
  4. }
  5. else if (document.layers){
  6. document.leftright.clip.width=window.innerWidth
  7. document.leftright.clip.height=1
  8. document.topdown.clip.width=1
  9. document.topdown.clip.height=window.innerHeight
  10. }
  11.  
  12.  
  13. function followmouse1(){
  14.  
  15. leftright.style.pixelTop=document.body.scrollTop+event.clientY+1
  16. topdown.style.pixelTop=document.body.scrollTop
  17. if (event.clientX<document.body.clientWidth-2)
  18. topdown.style.pixelLeft=document.body.scrollLeft+event.clientX+1
  19. else
  20. topdown.style.pixelLeft=document.body.clientWidth-2
  21. }
  22.  
  23. function followmouse2(e){
  24.  
  25. document.leftright.top=e.y+1
  26. document.topdown.top=pageYOffset
  27. document.topdown.left=e.x+1
  28. }
  29.  
  30. if (document.all)
  31. document.onmousemove=followmouse1
  32. else if (document.layers){
  33. window.captureEvents(Event.MOUSEMOVE)
  34. window.onmousemove=followmouse2
  35. }
  36.  
  37. function regenerate(){
  38. window.location.reload()
  39. }
  40. function regenerate2(){
  41. setTimeout("window.onresize=regenerate",400)
  42. }
  43. if ((document.all&&!window.print)||document.layers)
  44. window.onload=regenerate2
[JAVASCRIPT] pobierz, plaintext


Poza tym kod jest z poprzedniej dekady. Znajdź coś nowszego o tej samej funkcjonalności.

Używaj BBcode

--edit--
@down: nie mogę się odzwyczaić od [ code ]... poza tym w tym przypadku IMO kolorowanie składni nie jest zbyt ważne, gdyż nie analizujemy kodu, a jedynie oddzielne fragmenty: CSS, HTML czy JS - bez wgłębiania się co jest w kodzie.
thek
8.06.2011, 12:02:40
A ja proszę Was OBOJE o poprawę bbcode, bo odczyt tego jest tak samo przyjazny jak próba udawania gry na gitarze mając w ręku gruboziarnisty papier ścierny...
martin1978
8.06.2011, 12:21:30
Poprawione i zrobione smile.gif
Dziękuję.
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.