Autor |
Nachricht |
ullwe
Threadersteller
Dabei seit: 28.03.2006
Ort: -
Alter: 68
Geschlecht:
|
Verfasst So 09.04.2006 01:00
Titel Flickr Badge nicht valide |
|
|
Hey, ich beiße mir grad seit einer Stunde die Zähne an einem badge aus. Ich wollte bei FlickR einfach das normale Badge erzeugen lassen und hab sofort mehrere Dutzend Fehler in meiner Validitätsprüfung (XHTML Trans.) bekommen.
Ich habe bei Google auch schon viele Seiten darüber gefunden, nur die Beschäftigen sich fast ausschließlich mit der HTML-Version des Badges, und ich will die Flash-Version einbauen.
Und neu/selbst-bauen (in Flash mit eigenen Bilder) ist für mich kein Thema - wäre ja auch total unsinnig.
Was ich schon an Fehlern wegbekommen hab, ist, dass das Style Element aus dem Body des XHTML rausmusste, das liegt jetzt in meinem CSS:
Seite: http://christian.64byte.de
XHMTL W3 Validator: http://validator.w3.org/check?uri=http%3A%2F%2Fwww.64byte.de%2Fwordpress%2F
CSS: http://www.64byte.de/wordpress/wp-content/themes/64byte2k6/style.css
Code: | <script type="text/javascript">
zg_insert_badge = function() {
var zg_bg_color = 'ffffff';
var zgi_url = 'http://www.flickr.com/apps/badge/badge_iframe.gne?zg_bg_color='+zg_bg_color+'&zg_person_id=88856683%40N00';
document.write('<iframe style="background-color:#'+zg_bg_color+'; border-color:#'+zg_bg_color+'; border:none;" width="113" height="151" frameborder="0" scrolling="no" src="'+zgi_url+'" title="Flickr Badge"></iframe>');
if (document.getElementById) document.write('<div id="zg_whatlink"><a href="http://www.flickr.com/badge_new.gne" style="color:#21c3ff;" onclick="zg_toggleWhat(); return false;">what is this?<\/a><\/div>');
}
zg_toggleWhat = function() {
document.getElementById('zg_whatdiv').style.display = (document.getElementById('zg_whatdiv').style.display != 'none') ? 'none' : 'block';
document.getElementById('zg_whatlink').style.display = (document.getElementById('zg_whatdiv').style.display != 'none') ? 'none' : 'block';
return false;
}
</script>
<div class="zg_div"><div class="zg_div_inner"><a href="http://www.flickr.com">www.<strong style="color:#3993ff">flick<span style="color:#ff1c92">r</span></strong>.com</a><br>
<script type="text/javascript">zg_insert_badge();</script>
<div id="zg_whatdiv">This is a Flickr badge showing public photos from <a href="http://www.flickr.com/photos/88856683@N00">christian64byte</a>. Make your own badge <a href="http://www.flickr.com/badge_new.gne">here</a>.</div>
<script type="text/javascript">if (document.getElementById) document.getElementById('zg_whatdiv').style.display = 'none';</script> |
|
|
|
|
|
beeviZ
Dabei seit: 30.09.2002
Ort: -
Alter: -
Geschlecht:
|
Verfasst So 09.04.2006 03:02
Titel Re: Flickr Badge nicht valide |
|
|
Ersetz mal die & durch & schreib <br /> statt <br> und pack das javascript in nen cdata block.
|
|
|
|
|
Anzeige
|
|
|
ullwe
Threadersteller
Dabei seit: 28.03.2006
Ort: -
Alter: 68
Geschlecht:
|
Verfasst So 09.04.2006 10:12
Titel
|
|
|
Ok, das mit dem Escapen mit & hat ein wenig geholfen, hab auch noch ein paar andere Fehler ausgemerzt, das sieht jetzt so aus:
Code: | <script type="text/javascript">
zg_insert_badge = function() {
var zg_bg_color = 'ffffff';
var zgi_url = 'http://www.flickr.com/apps/badge/badge_iframe.gne?zg_bg_color='+zg_bg_color+'&zg_person_id=88856683%40N00';
document.write('<iframe style="background-color:#'+zg_bg_color+'; border-color:#'+zg_bg_color+'; border:none;" width="113" height="151" frameborder="0" scrolling="no" src="'+zgi_url+'" title="Flickr Badge"></iframe>');
if (document.getElementById) document.write('<div id="zg_whatlink"><a href="http://www.flickr.com/badge_new.gne" style="color:#21c3ff;" onclick="zg_toggleWhat(); return false;">what is this?</a></div>');
}
zg_toggleWhat = function() {
document.getElementById('zg_whatdiv').style.display = (document.getElementById('zg_whatdiv').style.display != 'none') ? 'none' : 'block';
document.getElementById('zg_whatlink').style.display = (document.getElementById('zg_whatdiv').style.display != 'none') ? 'none' : 'block';
return false;
}
</script>
<div class="zg_div"><div class="zg_div_inner"><a href="http://www.flickr.com">www.<strong style="color:#3993ff">flick<span style="color:#ff1c92">r</span></strong>.com</a><br />
<script type="text/javascript">zg_insert_badge();</script>
<div id="zg_whatdiv">This is a Flickr badge showing public photos from <a href="http://www.flickr.com/photos/88856683@N00">christian64byte</a>. Make your own badge <a href="http://www.flickr.com/badge_new.gne">here</a>.</div>
<script type="text/javascript">if (document.getElementById) document.getElementById('zg_whatdiv').style.display = 'none';</script> |
Jetzt gibts nur noch 2 Errors
Aber die haben es ein wenig in sich:
Code: | Error Line 314 column 208: document type does not allow element "iframe" here.
...rc="'+zgi_url+'" title="Flickr Badge"></iframe>'); |
Code: | Error Line 315 column 69: document type does not allow element "div" here.
...document.write('<div id="zg_whatlink"><a href="http://www.flickr.com/badge_ne |
Achja, CDATA wär zwar coole Idee gewesen, haut mir aber das komplette Design kaputt
Zuletzt bearbeitet von ullwe am So 09.04.2006 10:15, insgesamt 1-mal bearbeitet
|
|
|
|
|
beeviZ
Dabei seit: 30.09.2002
Ort: -
Alter: -
Geschlecht:
|
Verfasst So 09.04.2006 12:55
Titel
|
|
|
dann lager das javascript aus. nich die feinste art, aber sollte klappen.
|
|
|
|
|
ullwe
Threadersteller
Dabei seit: 28.03.2006
Ort: -
Alter: 68
Geschlecht:
|
Verfasst Mi 12.04.2006 14:46
Titel
|
|
|
Habs jetzt doch mit dem CDATA hinbekommen, vielen Dank für deine Hilfe und Anregungen.
Christian
|
|
|
|
|
|
|
|
Ähnliche Themen |
Box, Badge, Like oder/und Share?
css valide, aber....
Flashfilm valide einbinden?
508 Link valide einbauen
css navigation nicht xhtml valide
[(x)html] valide Frameset verlassen
|
|