Mit problem er at jeg gerne vil have den til at spytte 1 tekst ud af gangen, fremfor de allesammen som den gør nu!
Jeg har været inde og kigge på jCarousel som bruger jQuery til at animere ting som netop denne. Så jeg kan fade mellem de forskellige tekster vha. auto-scroll.
Jeg har forsøgt at integrere jCarousel i mine dokumenter, da det virkede meget overskueligt ved at lave referencer til <ul>'ens class og id. Men det virkede ikke.
Har i nogle forslag til en løsning? Hvis ikke med jCarousel så i det mindste en simpel javascript funktion der bare hopper imellem teksterne..?
Pointen er at få den til at smide 1 tekst ud, i stedet for alle sammen som den gør nu.
He he, det kan godt være at jeg ikke kan forklare mig selv ordenligt? Men jeg vil have <li> elementer skrevet ud et for et.
Og for at det kan blive skrevet ud et for et, skal dette gerne ske med en rotation, så man i løbet af en given tidsramme, får f.eks. 20 elementer at se...
Ja, nu tror jeg, jeg forstår, hvad det er, du har misforstået =)
C#-koden skriver noget HTML ud i dit dokument, inden det forlader serveren. Hvis du i browserens menu vælger View->Source, kan du sikkert se noget i stil med:
<ul id="shoutboxUL" class="Shoutbox_inside"> <li><span id="ShoutboxSender">OleBole</span><br /> <span id="ShoutboxDate">27/07/2009 kl. 22:13</span><br /> <span id="ShoutboxSMS">En eller anden tekst #1</span></li>
<li><span id="ShoutboxSender">Youghurt</span><br /> <span id="ShoutboxDate">27/07/2009 kl. 23:32</span><br /> <span id="ShoutboxSMS">En eller anden tekst #2</span></li>
<li><span id="ShoutboxSender">OleBole</span><br /> <span id="ShoutboxDate">28/07/2009 kl. 10:44</span><br /> <span id="ShoutboxSMS">En eller anden tekst #3</span></li> </ul>
- hvilket i sig selv er noget vrøvl, da et elements ID skal være unik i dokumentet. Det er ikke tilfældet i den kode, dit script skriver ud.
Anyway, så kan dit serverscript ikke skrive én besked ud ad gangen. Det kan kun skrive, mens dokumentet er på serveren - og er derfor nødt til at skrive alle beskederne ud.
Det, du skal finde ud af, er, hvordan jCarousel (eller en anden rotator) vil have skrevet HTML'en ud for at kunne skifte mellem beskederne. Så kan vi vise dig, hvordan C#-koden skal ændres
Det er liiiiige præcis det jeg mener/vidste/ledte efter.. ;)
Og det er nemlig rigtigt at den skriver der sådan ud, og derved kommer problemet.
jCarousel benytter sig nemlig af at hver <li> har en specifik id. Og pga. måden mit scribt skriver elementerne ud, så kan der ikke sættes en specifik id på. Du kan godt, men så kommer ALLE <li>'erne til at have den samme id. Og derfor kan jeg ikke bruge jCarousel.
Derfor leder jeg tydeligvis efter en løsning hvorpå jeg kan få den til at skrive dette ud på en anerledes måde?
<ul id="shoutboxUL" class="Shoutbox_inside"> <li><span id="ShoutboxSender0">OleBole</span><br /> <span id="ShoutboxDate0">27/07/2009 kl. 22:13</span><br /> <span id="ShoutboxSMS0">En eller anden tekst #1</span></li>
<li><span id="ShoutboxSender1">Youghurt</span><br /> <span id="ShoutboxDate1">27/07/2009 kl. 23:32</span><br /> <span id="ShoutboxSMS1">En eller anden tekst #2</span></li>
<li><span id="ShoutboxSender2">OleBole</span><br /> <span id="ShoutboxDate2">28/07/2009 kl. 10:44</span><br /> <span id="ShoutboxSMS2">En eller anden tekst #3</span></li> </ul>
- njaaarrrr ... ID'erne starter nu ikke med 0, men med 1, men det burde nok ikke betyde noget, når du ved det.
Problemet er faktisk ikke, at jCarousel kræver unikke ID'er. HTML-standarden kræver unikke ID'er ;o)
I øvrigt er jQuery ikke kompatibelt med XHTML. Det betyder ikke så meget, da W3C helt har opgivet XHTML og i stedet satser på HTML som fremtidens markup sprog: http://dengodekode.dk/xhtml
ja den er jeg med på.. Tror problemet ligger et helt andet sted.. Umbraco er sku ikke lige det letteste i verden at finde ud af desværre... :/
Men igen tak for hjælpen.
Mvh Youghurt.
Synes godt om
Ny brugerNybegynder
Din løsning...
Tilladte BB-code-tags: [b]fed[/b] [i]kursiv[/i] [u]understreget[/u] Web- og emailadresser omdannes automatisk til links. Der sættes "nofollow" på alle links.