AJAX nyheds fade

Hov http://www.eksperten.dk/spm/882052

Her er lidt kode til en start:

var naesteNyhed;

function nyNyhed(){
    $('#nyheder').fadeOut(1000, visNyhed);
    //Ajax der sætter henter næster nyhed, og sætter naesteNyhed.
}

function visNyhed() {
    //Jeg er næsten sikker på et this kan bruges her. Ellers må du bruge en selector ($('#nyheder')).
    this.html(naesteNyhed).fadeIn(1000);
}
   
$(function(){
    //Kode der starter nyNyhed hver gang du ønsker (hvert tiende sekund).
    nyNyhed();
});

Det kan du bygge videre på.

Et dumt spørgsmål kommer lige her, men der er noget jeg har overset...

Jeg får en fejl når scriptet går igang med function visNyhed();

den fader ud og så stopper den...

Jeg har en div med id nyheder

Havde overset noget...! naesteNyhed var tom og derfor kan den jo selvfølgelig ikke hente den... Sætter jeg den til noget statisk, så kører det fint!

Mit spørgsmål er så nu, hvor naesteNyhed skal sættes mht. PHP sådan at nyhederne skifte imellem eks. de 10 nyeste?

En (nogenlunde) simpel løsning, byg selv videre:

nyheder.php:
<?php
switch ($_GET['nyhed']) {
    case 1:
        echo "<h1>Nyhed 1</h1>\n<p>Masser af tekst</p>";
        break;
       
    case 2:
        echo "<h1>Nyhed 2</h1>\n<p>Masser af tekst</p>";
        break;
       
    //case 3, 4, 5...
   
    default:
        echo "<p class='error'>Der var en fejl i læsning af nyheder</p>";
}
?>

Nyheder.html:
<script type="text/javascript">
var naesteNyhed, nyhedNummer;
nyhedNummer = 0;

function hentNyhed() {
    //Henter ny nyhed.
    var xmlhttp;
    if (window.XMLHttpRequest){
        //Firefox, Opera og IE7+
        xmlhttp=new XMLHttpRequest();
    }
    else if (window.ActiveXObject){
        //IE6-
        xmlhttp=new ActiveXObject("Microsoft.XMLHTTP");
    }
    else {
        //Meget gamle browsere.
        naesteNyhed = "<p class='error'>Din browser understytter ikke XMLHTTP.</p>";
    }
    if (xmlhttp) {
        xmlhttp.onreadystatechange=function() {
            if(xmlhttp.readyState==4) {
                naesteNyhed = xmlhttp.responseText;
            }
        }
        xmlhttp.open("GET","nyheder.php?nyhed=" + nyhedNummer,true);
        xmlhttp.send(null);
    }
}

function nyNyhed(){
    $('#nyheder').fadeOut(1000, visNyhed);
    //Udskift 10 med antal nyheder i php scriptet.
    if (nyhedNummer < 10) { nyhedNumer++; }
    else { nyhedNummer = 1; }
   
   
    //Ajax der sætter henter næster nyhed, og sætter naesteNyhed.
}

function visNyhed() {
    //Jeg er næsten sikker på et this kan bruges her. Ellers må du bruge en selector ($('#nyheder')).
    this.html(naesteNyhed).fadeIn(1000);
}
 
$(function(){
    //Kode der starter nyNyhed hver gang du ønsker (hvert tiende sekund).
    nyNyhed();
});
</script>

<div id="nyheder">
    <p class='error'>Din browser understytter ikke javascript</p>
</div>

Mange takker for hjælpen :)

Smider du et svar, så er der point?!

Gerne.

Hov... hvorfor fik du ikke point?

Men tak for hjælpen...

Jeg fik ikke point fordi du ikke havde udlovet nogle for spørgsmålet.

Eller havde du?