Forum PHP.pl > [jQuery] problem z wyswietlaniem kodu

Pomoc - Szukaj - Użytkownicy - Kalendarz

Pełna wersja: [jQuery] problem z wyswietlaniem kodu

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

Raffuss

30.09.2008, 00:56:13

Problem może z kategorii trywialnych ale poradzić sobie nie moge jednak..

Staram się odpalić na stronie generowanej dynamicznie taki skrypt:
http://www.gcmingati.net/wordpress/wp-cont...ollanimate.html

w sekcji HEAD laduje plik:

[HTML] pobierz, plaintext 
<script type="text/javascript" src="js/jquery.li-scroller.1.0.js"></script>
[HTML] pobierz, plaintext

oraz

[XML] pobierz, plaintext 
<script type="text/javascript">
$(function(){ 
    $("ul#ticker01").liScroll(); 
});
</script>
[XML] pobierz, plaintext

nastepnie w sekcji BODY umieszczam liste z ustawionym ID:

[HTML] pobierz, plaintext 
<ul id="ticker01"> 
<li><span>10/10/2007</span><a href="#">The first thing ...</a></li> 
<li><span>10/10/2007</span><a href="#">End up doing is ...</a></li> 
<li><span>10/10/2007</span><a href="#">The code that you ...</a></li> 
<!-- eccetera -->
</ul>
[HTML] pobierz, plaintext

W czym problem..? nie działa kompletnie.. Sprawdzalem takze na innych przykladach z sieci. Ba nawet z ciekawosci kopiowalem caly kod strony i takze nie dziala, pomimo iz na tamtym przykladzie wszystko dziala jak nalezy.. Czy cos na serwerze moze blokowac jQuery?

lord_t

30.09.2008, 17:42:38

1) A na pewno podczepiłeś też jQuery? Czy może tylko scrollera?
2) Jeśli to nie powód z pkt 1) to zapodaj może linka albo chociaż powiedz co Ci firebug wywala:)

Raffuss

30.09.2008, 21:43:43

Podpiąłem.. najnowszego tzn 1.2.6..

Co sie tyczy firebuga.. jak na to teraz patrze to tak troszke magicznie wyglada

i kompletnie nie rozumiem o co w nim chodzi.. Jeśli już używam ff to do walidacji html.. Link wyślę na PW..

lord_t

30.09.2008, 23:20:31

Dodaj do cssa style (skopiowalem ze wskazanej strony):

Kod

/* liScroll style declarations */

.tickercontainer { /* the outer div with the black border */
border: 1px solid #000;
background: #fff;
width: 738px;
height: 27px;
margin: 0;
padding: 0
overflow: hidden;
}
.tickercontainer .mask { /* that serves as a mask. so you get a sort of padding both left and right */
position: relative;
left: 10px;
top: 8px;
width: 718px;
overflow: hidden;
}
ul.newsticker { /* that's your list */
position: relative;
left: 750px;
font: bold 10px Verdana;
list-style-type: none;
margin: 0;
padding: 0;

}
ul.newsticker li {
float: left; /* important: display inline gives incorrect results when you check for elem's width */
margin: 0;
padding: 0;
background: #fff;
}
ul.newsticker a {
white-space: nowrap;
padding: 0;
color: #ff0000;
font: bold 10px Verdana;
margin: 0 50px 0 0;
}
ul.newsticker span {
margin: 0 10px 0 0;
}

Swoją drogą gupie, że nie dali w opisie(albo ja nie widzę), że style są potrzebne do działania. Bo raczej nie jest to takie oczywiste.

Raffuss

30.09.2008, 23:38:14

Dodałem.. i.. nic..

zresztą sam zobacz..

lord_t

1.10.2008, 16:23:20

Jeszcze przenieś

Kod

id="ticker01"

z diva do ul.

Raffuss

1.10.2008, 19:36:03

Dziękuje bardzo serdecznie za pomoc

że też przeoczyłem taki drobiazg..
Dziękuje raz jeszcze..

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.