[AJAX + CSS]

[Verwijderd]

Hallo,

Ik heb een probleempje betreffende AJAX in combinatie met mijn HTML/CSS.

Eerst eventjes m'n situatie schetsen:
Ik heb een html pagina met aan de rechterkant enkele 'links', en aan de linkerkant een <div> waar ik informatie wil in tonen. Nu wil ik met AJAX die <div> opvullen adhv de link waar ik op geklikt heb.

In de link plaats ik deze code:

Java:

 
<a onclick="javascript:showPage('../includes/usersManagement.php?action=overview','ourServices');"><Overzicht gebruikers</a>

Daar wordt dus m'n AJAX script opgeroepen, namelijk showPage, waar dit gebeurd:

Java:

        ........    
        var url=pageToFetch
    localWhereToPut = whereToPut
    xmlHttp.onreadystatechange=stateChanged
    xmlHttp.open("GET",url,true)
    xmlHttp.send(null)

Via stateChanged wordt m'n returned gegevens in de DIV geplaatst die ik voorzien heb:

code:

function stateChanged() 
{ 
    if (xmlHttp.readyState==4 || xmlHttp.readyState=="complete")
        { 
            document.getElementById(localWhereToPut).innerHTML  =xmlHttp.responseText
            localWhereToPut = ""

        } 
}

M'n pagina wordt dus met een GET functie opgeroepen. Maar nu vormt het probleem. De returnwaarde van deze pagina bevat dit:

code:

<h2>Een hoofdtitel</h2>

Maar dit wordt niet weergegeven. Hoe zorg ik ervoor dat m'n CSS van <h2> gebruikt wordt?

bedankt

[HuHu]

Wordt de tekst "Een hoofdtitel" überhaupt niet weergegeven, of wordt de CSS niet correct toegepast?

[Verwijderd]

HuHu schreef op donderdag 05 maart 2009 @ 11:57:
Wordt de tekst "Een hoofdtitel" überhaupt niet weergegeven, of wordt de CSS niet correct toegepast?

er wordt niets weergegeven.

Maar als ik "Een hoofdtitel" return ipv "<h2>Een hoofdtitel</h2>", dan zie ik het wel .. maar ik wil m'n h2 toegepast hebben erop

[Juup]

Verwijderd schreef op donderdag 05 maart 2009 @ 11:52:

Java:

 
<a onclick="..."><Overzicht gebruikers</a>

Die extra < hoort daar niet maar dat zal het niet zijn. Kijk eens in firebug of die H2 wel geschreven wordt maar misschien onzichtbaar is?

[ Voor 20% gewijzigd door Juup op 05-03-2009 12:12 ]

[Verwijderd]

Juup schreef op donderdag 05 maart 2009 @ 12:10:
[...]

Die extra < hoort daar niet maar dat zal het niet zijn. Kijk eens in firebug of die H2 wel geschreven wordt maar misschien onzichtbaar is?

die extra < hoort daar idd niet bij, was een typfout..

als ik kijk met firebug in het script, dan is

Java:

xmlHttp.responseText = <h2>Een hoofdtitel</h2>

Dus de responseText bevat de correcte gegevens .. vreemd

[Pendaco]

Heeft het nog nut om de < en > karakters te encoden? Zit zelf nog niet zo in die materie.

code:

<h2>Een hoofdtitel</h2>

[MrHaas]

En als je een wrapper gebruikt om je response in te gooien? Dus je gebruikt de DOM om een nieuw div element te maken en als text van die nieuwe div gebruik je je responsetext?

[Verwijderd]

Probleem is opgelost .. het laag aan mijn domme ik!!

mijn h2 maakt gebruik van sifr elementen, en mijn sifr element moet natuurlijk herladen nadat de innerhtml gewijzigd is ..

opgelost dus!

Nog een ander vraagje: Hoe kan ik ervoor zorgen dat m'n div met een animatie vergroot. Stel dat ik op LINK1 klik, dan returnt de AJAX een div-vulling met een hoogte van 500px. Klik ik op LINK2, dan returnt dit een div-vulling met een hoogte van 1000px. Nu is het zo dat dit "verspringt" van 500 naar 1000px. Bestaat er een mogelijkheid om dit met een "schuif-effect" op te laten gaan?

thx

[ Voor 47% gewijzigd door Verwijderd op 05-03-2009 13:12 ]

[Bozozo]

Met diverse libraries of met twee minuten javascripten kan dat wel ja

[HuHu]

Bozozo schreef op donderdag 05 maart 2009 @ 13:29:
Met diverse libraries of met twee minuten javascripten kan dat wel ja

Hij zou bijvoorbeeld eens naar http://script.aculo.us/ kunnen kijken.

[Verwijderd]

HuHu schreef op donderdag 05 maart 2009 @ 14:00:
[...]

Hij zou bijvoorbeeld eens naar http://script.aculo.us/ kunnen kijken.

bedankt voor deze library! Zeer interessant