Jetzt Mitglied werden
Kostenlos registrieren und die vielen Vorteile der Webmasterpro-Mitgliedschaft nutzen.
Forum - Entwicklung
- Markup (HTML, XML, etc.) und CSS
- Skriptsprachen (PHP, Javascript, etc.)
- Datenbanken (SQL)
- CMS und Frameworks
- Flash und ActionScript
Info: Der Stern signalisiert, dass neue Beiträge vorhanden sind.
Alle Foren - Übersicht
Portal aktuelle Themen
Design aktuelle Themen
Server aktuelle Themen
- Webhosting und Webspace
- Betriebssysteme (Windows, Linux, etc.)
- Serveradministration
- Überwachung, Sicherheit und Backups
Management aktuelle Themen
Über Webmasterpro.de
Das Portal wird betrieben und entwickelt durch die Team23 Agentur. Die Augsbuger Agentur hat sich auf Community Software und die Entwicklung von Webportalen spezialisiert.
Markup (HTML, XML, etc.) und CSS - Forum
Derzeit sind Sie als Gast in unserem Forum aktiv. Für das Schreiben registrieren Sie sich bitte. Unser Forum ist eine Austauschplattform für Webworker zum Kommunizieren, Helfen, Informieren und Hilfe finden. Auf der rechten Seiten finden Sie eine Forenübersicht über alle Bereiche des Webmaster-Forums. Unterhalb finden Sie alle aktuellen Themen.
In diesem Forum sollen begleitend zu unserem CSS Portal und HTML-Bereich konkrete Fragen zu HTML und CSS diskutiert werden. Bitte immer die Suchfunktion nutzen bevor du eine Frage stellst.
XML mit Javascript auslesen
Tobias K.,
am Mittwoch
den 24.08.2011
um 19:06:21
Drecks Editor, ich schreibe lieber Plaintext.
> Ich bin sehr dankbar für euche Hilfe. Nur bin ich kein Java Programmierer.
Das macht garnichts - da du kein Java sondern Javascript schreibst stört das nicht weiter ...
> > document.write('<p style="text-align:center;font-size:11px;font-family:arial,verdana;"><img src="'+ photos[i].getAttribute("url") + '" width="330" height="330" border="0" alt="' + photos[i].getAttribute("desc") + '"><br />' + photos[i].getAttribute("desc") + '</p>');
Was genau hast du daran nicht verstanden dass du deinen erzeugten HTML-Code nicht direkt ins Dokument schreiben darfst? Entferne document.write() und ersetze es durch eine geeignete Funktion (welche das sein kann schrieb ich bereits).
Ninos Ego,
am Mittwoch
den 24.08.2011
um 19:25:42
alert() ist eine ungünstige Debug-Methode, vor allem, wenn man aus Versehen irgendwo Endlosschleifen eingebaut hat. Dann muss man den Browserprozess mit dem Aktivitätsmanager / Taskmanager, um weiter arbeiten zu können (außer Opera).
Wenn sowieso schon Firefox verwendet wird, einfach Firebug installieren und mit Breakpoints und dem eingebauten JavaScript-Debugger den Fehler suchen.
Bei FF4 aufwärts kann man diese Endlosschleifen auch abbrechen, ohne den Prozess zu killen^^
Aber jo, natürlich ist firebug da besser, aber ob er sich gleich hiermit auskennt und versteht :)
roby86,
am Montag
den 29.08.2011
um 21:34:37
Ja Firebug nutze ich schon paar Jahre für CSS und HTML.
Firebug erkennt das JavaScript nicht.
Mal blöd gefrag, könnte jemand das Script, also die eine Zeile so schreiben das Sie passt?
Wenn da die Ausgabe fehlt muss ich dann im Body-Bereich eine Zeile einfüge wo ich dann nur die function ausgebe?
Patrick Freitag,
am Dienstag
den 30.08.2011
um 15:33:50
Ja Firebug nutze ich schon paar Jahre für CSS und HTML.
Firebug erkennt das JavaScript nicht.
Mal blöd gefrag, könnte jemand das Script, also die eine Zeile so schreiben das Sie passt?
Wenn da die Ausgabe fehlt muss ich dann im Body-Bereich eine Zeile einfüge wo ich dann nur die function ausgebe?
Kopiere bitte genau den Quelltext den du in dieser Datei verwendest nochmal hier rein. Du musst irgendwo einen Fehler versteckt haben der es dem Browser nicht ermöglicht JavaScript richtig zu erkennen.
Prinzipiell würde ich von document.write() sowieso abraten, du kannst deine HTML-Struktur einfach zu schlecht bzw. unkomfortabel warten.
roby86,
am Dienstag
den 30.08.2011
um 21:03:42
Das zeigt mir der firebug, was an html rauskommt:
1
2
3
4
5
6
7 | <html>
<head></head>
<body>
<p style="text-align:center;font-size:11px;font-family:arial,verdana;">
<img width="330" height="330" border="0" alt="Farbpalette" src="flashgalerie/gemaelde/farbpalette.jpg"><br>Farbpalette</p><p style="text-align:center;font-size:11px;font-family:arial,verdana;"><img width="330" height="330" border="0" alt="Farbrausch" src="flashgalerie/gemaelde/farbrausch.jpg"><br>Farbrausch</p><p style="text-align:center;font-size:11px;font-family:arial,verdana;"><img width="330" height="330" border="0" alt="Für dich" src="flashgalerie/gemaelde/fuer-dich.jpg"><br>Für dich</p><p style="text-align:center;font-size:11px;font-family:arial,verdana;"><img width="330" height="330" border="0" alt="Morgenrote" src="flashgalerie/gemaelde/morgenroete.jpg"><br>Morgenrote</p><p style="text-align:center;font-size:11px;font-family:arial,verdana;"><img width="330" height="330" border="0" alt="Schein" src="flashgalerie/gemaelde/schein.jpg"><br>Schein</p>
</body>
</html>
|
Das ist das was im HTML Dokument eingefügt ist:
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 | <!DOCTYPE html>
<html>
<head>
<title>XML-Beispiel</title>
<script src="inc/jquery-1-4-2.min.js" type="text/javascript"></script>
</head>
<body>
<h1>Überschrift</h1>
<script type="application/javascript">
$.get(
'flashgalerie/gemaelde/gemaelde.xml',
{},
function (data)
{
var photos = data.getElementsByTagName('photo');
for (var i = 0, length = photos.length; i < length; i++)
{
// document.write('Foto ' + i + ', desc: "' + photos[i].getAttribute("desc") + '", url: "' + photos[i].getAttribute("url") + '"');
document.write('<p style="text-align:center;font-size:11px;font-family:arial,verdana;"><img src="'+ photos[i].getAttribute("url") + '" width="330" height="330" border="0" alt="' + photos[i].getAttribute("desc") + '"><br />' + photos[i].getAttribute("desc") + '</p>');
}
},
'xml'
);
</script>
</body>
</html>
|
Weiß jemand wie ich das passend umschreiben muss?
Also im Queltext von Firefox selbst ist die Seite leer, weil er ja lädt und lädt.
Tobias K.,
am Dienstag
den 30.08.2011
um 21:08:57
> document.write([...]);
Du wurdest bereits mehrfach(!) darauf hingewiesen, dass das was du vorhast mit document.write() nicht funktionieren wird - warum ignorierst du diese Hinweise? Ich habe auch bereits gepostet wie du deinen neuen HTML-Code in das Dokument bekommst (für Funktionen die zusätzlich noch nötig sind hilft die Doku zu jQuery weiter).
Chris Wiese,
am Mittwoch
den 31.08.2011
um 00:48:40
Du musst dich etwas mehr mit den Grundlagen von jQuery/JS beschäftigen. Das Script macht im grunde alles was es soll. Es holt sich die Ajax daten und gibt sie aus.
1 | document.wirte()
|
überschreibt lediglich die Seite mit der Ajax ausgabe daher auch das unendliche laden (schätze ich mal)
Versuchs mal so:
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 | <script type="text/javascript">
$(function(){
$.get(
'flashgalerie/gemaelde/gemaelde.xml',
{},
function (data)
{
var photos = data.getElementsByTagName('photo');
for (var i = 0, length = photos.length; i < length; i++)
{
// document.write('Foto ' + i + ', desc: "' + photos[i].getAttribute("desc") + '", url: "' + photos[i].getAttribute("url") + '"');
$('body').append('<p style="text-align:center;font-size:11px;font-family:arial,verdana;"><img src="'+ photos[i].getAttribute("url") + '" width="330" height="330" border="0" alt="' + photos[i].getAttribute("desc") + '"><br />' + photos[i].getAttribute("desc") + '</p>');
}
},
'xml'
);
})
</script>
|
Hab gar nicht die vorangegangenen Posts gelesen, mit .html() geht das natürlich auch
roby86,
am Mittwoch
den 31.08.2011
um 15:04:20
So geht es danke schön.
Für mich war das mit JQuery wie eine andere Sprache :-)