mediengestalter.info
FAQ :: Mitgliederliste :: MGi Team

Willkommen auf dem Portal für Mediengestalter

Aktuelles Datum und Uhrzeit: Do 08.12.2016 07:27 Benutzername: Passwort: Auto-Login

Thema: Flickr Badge nicht valide vom 09.04.2006


Neues Thema eröffnen   Neue Antwort erstellen MGi Foren-Übersicht -> Allgemeines - Nonprint -> Flickr Badge nicht valide
Autor Nachricht
ullwe
Threadersteller

Dabei seit: 28.03.2006
Ort: -
Alter: 60
Geschlecht: Männlich
Verfasst So 09.04.2006 00:00
Titel

Flickr Badge nicht valide

Antworten mit Zitat Zum Seitenanfang

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>
  View user's profile Private Nachricht senden
beeviZ

Dabei seit: 30.09.2002
Ort: Dortmund
Alter: 23
Geschlecht: Männlich
Verfasst So 09.04.2006 02:02
Titel

Re: Flickr Badge nicht valide

Antworten mit Zitat Zum Seitenanfang

Ersetz mal die & durch &amp; schreib <br /> statt <br> und pack das javascript in nen cdata block.
  View user's profile Private Nachricht senden Website dieses Benutzers besuchen
Anzeige
Anzeige
ullwe
Threadersteller

Dabei seit: 28.03.2006
Ort: -
Alter: 60
Geschlecht: Männlich
Verfasst So 09.04.2006 09:12
Titel

Antworten mit Zitat Zum Seitenanfang

Ok, das mit dem Escapen mit &amp; 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+'&amp;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 * Applaus, Applaus *

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 *zwinker*


Zuletzt bearbeitet von ullwe am So 09.04.2006 09:15, insgesamt 1-mal bearbeitet
  View user's profile Private Nachricht senden
beeviZ

Dabei seit: 30.09.2002
Ort: Dortmund
Alter: 23
Geschlecht: Männlich
Verfasst So 09.04.2006 11:55
Titel

Antworten mit Zitat Zum Seitenanfang

dann lager das javascript aus. nich die feinste art, aber sollte klappen.
  View user's profile Private Nachricht senden Website dieses Benutzers besuchen
ullwe
Threadersteller

Dabei seit: 28.03.2006
Ort: -
Alter: 60
Geschlecht: Männlich
Verfasst Mi 12.04.2006 13:46
Titel

Antworten mit Zitat Zum Seitenanfang

Habs jetzt doch mit dem CDATA hinbekommen, vielen Dank für deine Hilfe und Anregungen.

Christian
  View user's profile Private Nachricht senden
 
Ähnliche Themen Box, Badge, Like oder/und Share?
css valide, aber....
Flashfilm valide einbinden?
508 Link valide einbauen
[(x)html] valide Frameset verlassen
css navigation nicht xhtml valide
Neues Thema eröffnen   Neue Antwort erstellen
MGi Foren-Übersicht -> Allgemeines - Nonprint


Du kannst keine Beiträge in dieses Forum schreiben.
Du kannst auf Beiträge in diesem Forum nicht antworten.
Du kannst an Umfragen in diesem Forum nicht mitmachen.