Dowolny skrypt w <head> bez dostępu do bazy danych

ukaszf9 · 2011-12-11 11:33:57

Więc jak wiemy poprawnym sposobem jest umieszczanie np. skryptu bibloteki jQuery w znaczniku <head>. Ze względu, że nie mamy tam dostępu ( a w zasadzie do dzisiaj nie mieliśmy ) trzeba było wszystko umieszczać w ogłoszeniu bądź w stopce co na dłuższy okres czasu było uciążliwe bo sporo kodów tam się znajdowało + treść. Ale do rzeczy:
Wejdź w Administracja - Ustawienia - Modyfikacje css i jeżeli posiadasz tam jakieś kody dodaj na końcu

Kod:

</style>

Po tym dla przykładu wstawimy skrypt biblioteki jQuery z przykładowym kodem.
Poniżej tego </style> wklej:

Kod:

<script src='http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js'></script>

O dziwo skrypt nie będzie już w ogłoszeniu czy stopce tylko w znaczniku <head> w źródle strony. Teraz by sprawdzić czy to działa wklejamy przykładowy kod na zmianę obrazka RSS na dole strony ( skrypt wklejamy po w modyfikacji css po dodanej bibliotece jQuery ).

Kod:

<script>
jQuery(document).ready(function() {
 jQuery('#brdfooter p.conr a:first').html('<img src="http://img84.imageshack.us/img84/2004/001qf.png">');
});
</script>

O dziwo zmienił się! tym sposobem sprawiamy, że wstawiane przez nas skrypty są w dobrym miejscu, brak uciążliwego indeksowania tego jak w przypadku ogłoszenia czy stopce, a ponad to "Ogłoszenie" będzie służyć teraz do ogłoszeń, a nie do wyświetla dużo skryptów.

I na końcu dajemy jeszcze

Kod:

<style type="text/css">

Kebrian · 2011-12-22 12:14:09

Od siebie dodam tylko że skrypt zawiera błąd. Na samym końcu dodatkowego stylu css powinno znajdować się jeszcze

Kod:

<style type="text/css">

Ponieważ mimo tego że zamykamy znacznik style domyślnie tworzony na początku dodatkowego kodu css to jednak musimy pamiętać że na końcu znajduje się znacznik zamykający który pozostaje bez otwierającego w przypadku zamknięcia go powyższym sposobem. A chyba nie chcielibyśmy żeby w którymś momencie strona całkowicie nam się wykrzaczyła.

ukaszf9 · 2011-12-22 12:23:22

Ja żadnego błędu nie widzę - można zobaczyć na przykładzie mojej strony, w której mam wszystko umieszczone tym sposobem.
Dodając </style> na końcu zamykamy całą Modyfikacje css i w ten sposób mamy możliwość dodania dalej dowolnego skryptu pokroju jQuery... oczywiście po zamknięciu tego tagu.

Kebrian · 2011-12-22 17:00:40

Z tym że jest ona zamykana potem ponownie przez pun. Masz tu kawałek kodu swojej strony.

Miejsce gdzie jest twój znacznik </style>:

Kod:

.imgclick {float:right;}

  #news-feed {background:#E9F7D4;border:1px solid #77A134;width:300px;list-style-type:none;padding:0;margin:0;height:200px;overflow:hidden;}

  ul#news-feed li {padding:5px;border-bottom:1px solid #77A134;}

.news1 {float:left;}

.linia {height:6px;}

li#chatboxing {display:none;}



</style> <!-- Dodany przez ciebie znacznik -->

<script src='http://code.jquery.com/jquery-1.7.1.min.js'></script>

<script type="text/javascript">

 jQuery(document).ready(function() {

Oraz miejsce gdzie masz domyślny znacznik który zamyka cały kod css mimo że sam go już zamknąłeś.

Kod:

jQuery('ul#news-feed li:last')

            .fadeIn('slow')

}

    

    setInterval(slideArticle, interval);



}); 

</script></style> <!-- domyślny znacznik który zamyka kod tak czy inaczej -->
<script type="text/javascript" src="http://ads.businessclick.com/master_1.1"></script>
<link rel="alternate" type="application/rss+xml" title="pun.pl: rss" href="rss.php" />
</head>

<body onClick="documentClickHandler(event.target);" onload="fixOperaWidth();">

Tak więc tak jak napisałem na samym końcu twojego stylu powinien znajdować się <style type=text/css"> ponieważ skoro zostaje znacznik zamykający bez otwierającego wymaga to poprawy.

ukaszf9 · 2011-12-22 17:10:20

Sceenery z Mozilli i Chrome - ja nic nie widzę.
- http://img408.imageshack.us/img408/5240/85792408.png
- http://img171.imageshack.us/img171/2380/88977122.png

Edit - wyjaśnione. Pan powyżej miał rację ^^"

Ogłoszenie

Reklama ( Kliknij w celu pokazania zaprzyjaźnionych stron )

Skrypty ( Informacje dotyczące użytkowania )

Współpraca ( Wymiana bannerem, kontakt itp. )

#1 2011-12-11 11:33:57