CIO Tech Eksperten IT-JOB IT-Kurser Events Podcast Søg

Log ind eller opret profil

Du kan også logge ind via nedenstående tjenester

minus Nybegynder

01. oktober 2009 - 15:24 Der er 2 kommentarer og
1 løsning

Visning af XML

Hej eksperter,

Jeg har et xml-dokument, jeg gerne vil have vist på en bestemt måde.

----

Udsnit fra xml:

<ads>
<row>
<tit>Overskrift</tit>
<des>Her er en beskrivelse</des>
<top>http://google.dk</top>
<pr>pris (heltal)</pr>
</row>
<row>
<tit>Overskrift 2</tit>
<des>Her er en ny beskrivelse</des>
<top>http://google.com</top>
<pr>ny pris (heltal)</pr>
</row>
</ads>

------

Der findes 20 af ovenstående <row> (med <tit><des><top><pr>), som er inde i "<ads>".

Er der nogen, som kan lave et mindre javascript eller php kode, som tager disse 20 posteringer i tilfældig rækkefølge hver gang og viser dem én ad gangen. Det vises i 7 sekunder, hvorefter en anden vises frem i 7 sekunder osv.

Indholdet af ovenstånde hentes fra et eksternt xml-dokument.

Det skal vises således:
- Overskrift står for sig selv med bold i toppen.
- To linjeskift under står beskrivelse.
- To linjeskift derunder står prisen.
- Det hele er et stort link (til <top>).

Hvis jeg har været for hurtig at formulere mig, så er i velkomne til at spørge ind :)

Jeg siger tak på forhånd.

Synes godt om

minus Nybegynder

01. oktober 2009 - 16:02 #1

Det skal lige siges at XML-dokumentet er i en php-fil, som generere xmlkoden ud fra indhold i database.

Synes godt om

tjens Nybegynder

01. oktober 2009 - 23:23 #2

Demo:
http://tjens.dk/javascript/examples/AddsFromXml/index.html

Kode:

<html>
<head>
<title>Loop XMLadds Demo</title>
<style>
.addArea { border: 1px solid black; width: 250px; height: 200px;padding: 10px 10px 10px 20px; }
#addLink { text-decoration: none; color: black;}
</style>
<script type="text/javascript">

var xmlhttp;
var msgID;
var addsArray;
var addsCount = 0;
var nextAdd = 0;

function initAjax()
{
msgID = document.getElementById("MsgDiv");

if (window.XMLHttpRequest) { // code for Mozilla, Safari, ** And Now IE 7 **, etc
xmlhttp=new XMLHttpRequest();
} else if (window.ActiveXObject) { //IE
xmlhttp=new ActiveXObject('Microsoft.XMLHTTP');
}
if (typeof(xmlhttp)=='object') {
xmlhttp.onreadystatechange=xmlFileReady;
xmlhttp.open('GET', "adds.xml", true);
xmlhttp.send(null);
}
msgID.firstChild.nodeValue="Loading...";

}
function xmlFileReady() {
if (xmlhttp.readyState==4) {
if (xmlhttp.status==200) {
msgID.firstChild.nodeValue="";
startAdds(xmlhttp.responseXML.documentElement);
}
else {
msgID.firstChild.nodeValue= "ERROR. " + xmlhttp.statusText;
}
}
}

function startAdds(xmlDoc) {
addsArray = xmlDoc.getElementsByTagName("row");
addsCount = addsArray.length;
showAdds();
}

function showAdds() {
if (nextAdd >= addsCount) {
nextAdd = 0;
}

document.getElementById("addheader").firstChild.nodeValue = addsArray[nextAdd].getElementsByTagName("tit")[0].firstChild.nodeValue;
document.getElementById("addtext").firstChild.nodeValue = addsArray[nextAdd].getElementsByTagName("des")[0].firstChild.nodeValue;
document.getElementById("addprice").firstChild.nodeValue = addsArray[nextAdd].getElementsByTagName("pr")[0].firstChild.nodeValue;
document.getElementById("addlink").href = addsArray[nextAdd].getElementsByTagName("top")[0].firstChild.nodeValue;

nextAdd++;
setTimeout("showAdds()", 3000);
}

</script>
</head>
<body onload="initAjax();">
<div id="MsgDiv">
Your browser does not support the scripts on this page
</div>
<a id="addlink" href="">
<div class="addArea">
<h4 id="addheader"> </h4>
<p id="addtext"> </p>
<p id="addprice"> </p>
</div>
</a>
</body>
</html>

Synes godt om

minus Nybegynder

02. oktober 2009 - 11:32 #3

Mange tak :)

Synes godt om

Ny bruger Nybegynder

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.

Følg dette spørgsmål

Opret Preview

Webudvikling kurser

Vi tilbyder markedets bedste kurser inden for webudvikling

Se alle Webudvikling kurser

Flere spørgsmål fra JavaScript kategorien

Titel	Indlæg	Oprettet	Seneste aktivitet
Sæt vindue størrelse Af poulmadsen i JavaScript	1	08/10/202417:18	13/10/202412:33
Opgavestyring Af ingeman i JavaScript	1	15/09/202416:06	15/09/202420:40
Returner ikke alt Af ingeman i JavaScript	13	26/06/202414:40	01/07/202417:00
Vis og skjul sektioner - virker kun på den første sektion Af nemlig i JavaScript	4	24/06/202422:50	26/06/202420:33
Hente og gemme Cookies like this. Af DanishBear i JavaScript	6	04/06/202416:23	05/06/202414:23

Se alle spørgsmål i kategorien Opret spørgsmål

Log ind eller opret profil

Hov!

For at kunne deltage på Computerworld Eksperten skal du være logget ind.

Det er heldigvis nemt at oprette en bruger: Det tager to minutter og du kan vælge at bruge enten e-mail, Facebook eller Google som login.

Du kan også logge ind via nedenstående tjenester

Alle kategorier på Eksperten

Seneste artiklerRSS