IE doesn't display part of spry data set!?!?
Hi there,
I hope somebody can help me out with a problem I got with the spry dataset I use on my website. -> http://media-powerplant.de/media-powerplant-referenzen.html
The thing is that the IE doesn't display text in the "master" region. There are no problems with the Details region, and pictures are also diplayed in the master, but strangely enough no text! :-(
When i visit the site with firefox or any other browser the text gets displayed. I have no idea what the problem is, but this is really bothering me.
I hope that somebody is kind enough to help me out here. Big thanks in advance! :-)
Here is the HTML-code of the site: (the red highlighted lines are those which doesn't get diplayed)
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd
">
<html xmlns="http://www.w3.org/1999/xhtml" xmlns:spry="http://ns.adobe.com/spry
">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<meta name="description" content="Ihr Partner für Musik- und
Videoproduktionen, Webdesign, Internet, Flash, Podcasts und
Grafikdesign" />
<meta name="keywords" content="gemafreie musik,lizenzfrei,lizenzfreie
musik, royalty free, filmmusik,hintergrundmusik, werbespot,trailer,
jingles, loops, Werbemusik, Mastering, Scoremusik,
Filmproduktion
,Videoproduktion,Computeranimation,Postproduktion,Filmagentur,3D
Visualisierung,3D Animation,Filme,Video,Film Produktion,Grafik
Design,Imagefilm,Werbefilm,Werbefilme,Werbefilmproduktion, Webdesign,
Webspace ,Webhosting, Web-Design , Web, Domainregistrierung,
Internetdesign, Internet, Provider, HTML, Web-Space, Design, Webdesign
München, Grafikdesign, kreative, innovative, Homepage,
Suchmaschinenoptimierung, Michael Peh, Michi Peh, Matthias Damoser,
media powerplant, media-powerplant, München"/>
<title>media powerplant *** Musikproduktion / Videoproduktion /
Webdesign ***</title>
<meta name="author" content="[email protected]">
<meta name="copyright" content="Webdesign: Matthias Damoser / media
powerplant">
<meta name="Content-Language" content="de">
<meta name="robots" content="INDEX,FOLLOW">
<meta name="revisit-after" content="7 days">
<link rel="SHORTCUT ICON" href="http://www.media-powerplant.de/favicon.ico
">
<link href="mppLayout.css" rel="stylesheet" type="text/css" />
<!--[if IE]>
<style type="text/css">@import url(ie.css);</style>
<![endif]-->
<script src="SpryAssets/xpath.js" type="text/javascript"></script>
<script src="SpryAssets/SpryData.js" type="text/javascript"></script>
<script type="text/javascript">
<!--
var dsreferenzen = new Spry.Data.XMLDataSet("referenzen.xml",
"referenz/beispiel");
dsreferenzen.setColumnType("name", "html");
dsreferenzen.setColumnType("MP3", "html");
dsreferenzen.setColumnType("theURL", "html");
dsreferenzen.setColumnType("theURL2", "html");
function MM_preloadImages() { //v3.0
var d=document; if(d.images){ if(!d.MM_p) d.MM_p=new Array();
var i,j=d.MM_p.length,a=MM_preloadImages.arguments; for(i=0;
i<a.length; i++)
if (a[i].indexOf("#")!=0){ d.MM_p[j]=new Image; d.MM_p[j+
+].src=a[i];}}
function MM_goToURL() { //v3.0
var i, args=MM_goToURL.arguments; document.MM_returnValue = false;
for (i=0; i<(args.length-1); i+=2) eval(args[i]+".location='"+args[i
+1]+"'");
var dslinks = new Spry.Data.XMLDataSet("referenzenlinks.xml",
"referenz/link");
dslinks.setColumnType("a", "html");
//-->
</script>
<link href="SpryAssets/SpryMasterDetail.css" rel="stylesheet"
type="text/css">
</head>
<body>
<div id="hauptfenster">
<div id="content">
<div id="mitte">
<div id="header">
<h1>media powerplant</h1>
</div>
<div id="mainnavi">
<div class="menuHome" onclick=MM_goToURL('parent','media-
powerplant-home.html');return document.MM_returnValue
document.MM_returnValue></div>
<div class="menuMusik" onclick=MM_goToURL('parent','media-
powerplant-musikproduktion.html');return document.MM_returnValue></div>
<div class="menuVideo" onclick="MM_goToURL('parent','media-
powerplant-videoproduktion.html');return document.MM_returnValue"></div>
<div class="menuWeb" onclick=MM_goToURL('parent','media-
powerplant-webdesign.html') document.MM_returnValue></div>
<div class="menuReferenzen" onclick="MM_goToURL('parent','media-
powerplant-referenzen.html');return document.MM_returnValue"></div>
<div class="menuAbout" onclick=MM_goToURL('parent','media-
powerplant-about.html') document.MM_returnValue></div>
<div class="menuKontakt" onclick="MM_goToURL('parent','media-
powerplant-kontakt.html');return document.MM_returnValue"></div>
<div class="menuImpressum" onclick="MM_goToURL('parent','media-
powerplant-impressum.html');return document.MM_returnValue"></div>
</div>
<div id="inhalt">
<h2><span class="mpp">media powerplant</span> <span
class="bereich">Referenzen</span></h2>
<h2 class="unterüberschrift">Hier finden Sie einen Überblick
und einige interessante Details über unsere letzten Projekte</h2>
<p> </p>
<div id="musikproduktion">
<div id="musikprojekte">
<div id="projektescroll">
<div spry:region="dsreferenzen">
<table id="referenzTable">
<tr spry:repeat="dsreferenzen"
spry:hover="rowHoverRef" spry:select="rowSelectRef"
spry:setrow="dsreferenzen">
<td><img src="{screenshot}" alt="{name}"
width="140" height="93" class="screenshot"></td>
<td><span class="kategorie">{kategorie}</span><br>
<span class="name">{name}</span></td>
</tr>
</table>
</div>
</div>
</div>
<div spry:detailregion="dsreferenzen">
<div id="musikmainRef">
<h2> </h2>
<p> </p>
<div id="projektbeschreibung">
<p class="beschreibung">{beschreibung}</p>
<p class="aufgabenfeld">{dsreferenzen::aufgabenfeld}</p>
<p class="aufgabenbilder">
<img src="{bild1}" width="90" height="77"
class="bild"><img src="{bild2}" width="90" height="77"
class="bild"><img src="{bild3}" width="90" height="77"
class="bild"><img src="{bild4}" width="90" height="77" class="bild"> </
p>
<p class="linkMP3">{MP3}</p>
<p class="reflink">{theURL}</p>
<p class="reflink">{theURL2}</p>
</div>
</div>
</div>
</div>
<div class="copyrightref">Copyright © 2009 media powerplant |
Alle Rechte vorbehalten | <a href="media-powerplant-
impressum.html">Impressum</a> | <a href="media-powerplant-
kontakt.html">Kontakt</a> | </div>
</div>
</div>
</div>
</div>
</body>
</html>
the XML looks like this: (again highlighting the problematic regions)
<?xml version="1.0" encoding="UTF-8"?>
<referenz>
<beispiel>
<screenshot>Bilder/Projektbilder/impulstv.jpg</screenshot>
<name>Sounddesign ImpulsTV</name>
<kategorie>Musikproduktion</kategorie>
<beschreibung>Produktion des Musikstückes "Today" für Imagefilm
der Firma ImpulsTV</beschreibung>
<aufgabenfeld>Aufgabenbereich: * Musikkomposition *
Musikproduktion</aufgabenfeld>
<bild1>Bilder/Projektbilder/mics.jpg</bild1>
<bild2>Bilder/Projektbilder/misch2.jpg</bild2>
<bild3>Bilder/Projektbilder/keyboard.jpg</bild3>
<bild4>Bilder/Projektbilder/headphones.jpg</bild4>
<MP3>
<![CDATA[
<embed src="Songs/Referenzen/Today.mp3" autostart="false"
loop="false" width="300" height="18" controller="true" id="rock.mp3"
name="bg song" pluginspage= "http://www.apple.com/quicktime/
download/"> </embed>
]]>
</MP3>
</beispiel>
<beispiel>
<screenshot>Bilder/Projektbilder/gm.jpg</screenshot>
<name>Webdesign gin-mum.com</name>
<kategorie>Webdesign</kategorie>
<beschreibung>Design, Programmierung und Webspace-Hosting der
Internetpräsenz für die Münchner Band gin mum.</beschreibung>
<aufgabenfeld>Aufgabenbereich: * Webdesign * Hosting und Domain *
Programmierung</aufgabenfeld>
<bild1>Bilder/Projektbilder/gm_1.jpg</bild1>
<bild2>Bilder/Projektbilder/gm_2.jpg</bild2>
<bild3>Bilder/Projektbilder/gm_3.jpg</bild3>
<bild4>Bilder/Projektbilder/gm_4.jpg</bild4>
<theURL>
<![CDATA[
<p>
<a target="_blank" href="http://www.gin-mum.com">www.gin-mum.com</a>
</p>
]]>
</theURL>
</beispiel>
<beispiel>
<screenshot>Bilder/Projektbilder/hz.jpg</screenshot>
<name>Imagefilm für Johanna Schäfer</name>
<kategorie>Videoprodution</kategorie>
<beschreibung>Videoediting für Johanna Schäfer</beschreibung>
<aufgabenfeld>Aufgabenbereich: * Videoediting</aufgabenfeld>
<bild1>Bilder/Projektbilder/hz_1.jpg</bild1>
<bild2>Bilder/Projektbilder/hz_2.jpg</bild2>
<bild3>Bilder/Projektbilder/hz_3.jpg</bild3>
<bild4>Bilder/Projektbilder/hz_4.jpg</bild4>
</beispiel>
<beispiel>
<screenshot>Bilder/Projektbilder/SRB.jpg</screenshot>
<name>Sounddesign Radio SRB</name>
<kategorie>Musikproduktion</kategorie>
<beschreibung>Media powerplant produzierte das gesamte
Sounddesign für den regionalen Radiosender SRB. Dabei wurden
hauptsächlich Musikbetten und Radiojingles produziert.</beschreibung>
<aufgabenfeld>Aufgabenbereich: * Sounddesign * Musikkomposition *
Musikproduktion</aufgabenfeld>
<bild1>Bilder/Projektbilder/waves.jpg</bild1>
<bild2>Bilder/Projektbilder/peakmeter.jpg</bild2>
<bild3>Bilder/Projektbilder/mixpult.jpg</bild3>
<bild4>Bilder/Projektbilder/mics.jpg</bild4>
<MP3>
<![CDATA[
<embed src="Songs/Electro/Hintergrund_3.mp3" autostart="false"
loop="false" width="300" height="18" controller="true" id="rock.mp3"
name="bg song" pluginspage= "http://www.apple.com/quicktime/
download/"> </embed>
]]>
</MP3>
</beispiel>
<beispiel>
<screenshot>Bilder/Projektbilder/Logo_earthTV.jpg</screenshot>
<name>EarthTV Musik</name>
<kategorie>Musikproduktion</kategorie>
<beschreibung>Komposition und Produktion des Stückes "Steil" im
Auftrag von EarthTV für deren Sendeformat bei Sevenload.</beschreibung>
<aufgabenfeld>Aufgabenbereich:* Musikkompostion *
Musikproduktion</aufgabenfeld>
<bild1>Bilder/Projektbilder/peakmeter.jpg</bild1>
<bild2>Bilder/Projektbilder/headphones.jpg</bild2>
<bild3>Bilder/Projektbilder/keyboard.jpg</bild3>
<bild4>Bilder/Projektbilder/mic.jpg</bild4>
<theURL>
<![CDATA[
<p>
<a target="_blank" href="http://de.sevenload.com/sendungen/
earthTV">EarthTV bei www.Sevenload.de</a>
</p>
]]>
</theURL>
<MP3>
<![CDATA[
<embed src="Songs/Electro/Steil.mp3" autostart="false" loop="false"
width="300" height="18" controller="true" id="rock.mp3" name="bg song"
pluginspage= "http://www.apple.com/quicktime/download/"> </embed>
]]>
</MP3>
</beispiel>
</referenz>
Are you still with me? :-)
Attached you'll find what it looks like with Firefox and with InternetExplorer.
Hmm, stil not working. But thanks for your support!
Here is the modified XML-code: (the not shown elements are highlighted)
<?xml version="1.0" encoding="UTF-8"?>
<referenz>
<beispiel>
<screenshot>Bilder/Projektbilder/impulstv.jpg</screenshot>
<name><![CDATA[Sounddesign ImpulsTV]]></name>
<kategorie><![CDATA[Musikproduktion]]></kategorie>
<beschreibung><![CDATA[Produktion des Musikstückes "Today" für Imagefilm der Firma ImpulsTV]]></beschreibung>
<aufgabenfeld>Aufgabenbereich: * Musikkomposition * Musikproduktion</aufgabenfeld>
<bild1>Bilder/Projektbilder/mics.jpg</bild1>
<bild2>Bilder/Projektbilder/misch2.jpg</bild2>
<bild3>Bilder/Projektbilder/keyboard.jpg</bild3>
<bild4>Bilder/Projektbilder/headphones.jpg</bild4>
<MP3>
<![CDATA[
<embed src="Songs/Referenzen/Today.mp3" autostart="false" loop="false" width="300" height="18" controller="true" id="rock.mp3" name="bg song" pluginspage= "http://www.apple.com/quicktime/download/"> </embed>
]]>
</MP3>
</beispiel>
<beispiel>
<screenshot>Bilder/Projektbilder/gm.jpg</screenshot>
<name><![CDATA[Webdesign gin-mum.com]]></name>
<kategorie><![CDATA[Webdesign]]></kategorie>
<beschreibung><![CDATA[Design, Programmierung und Webspace-Hosting der Internetpräsenz für die Münchner Band gin mum.]]></beschreibung>
<aufgabenfeld>Aufgabenbereich: * Webdesign * Hosting und Domain * Programmierung</aufgabenfeld>
<bild1>Bilder/Projektbilder/gm_1.jpg</bild1>
<bild2>Bilder/Projektbilder/gm_2.jpg</bild2>
<bild3>Bilder/Projektbilder/gm_3.jpg</bild3>
<bild4>Bilder/Projektbilder/gm_4.jpg</bild4>
<theURL>
<![CDATA[
<p>
<a target="_blank" href="http://www.gin-mum.com">www.gin-mum.com</a>
</p>
]]>
</theURL>
</beispiel>
<beispiel>
<screenshot>Bilder/Projektbilder/hz.jpg</screenshot>
<name><![CDATA[Imagefilm für Johanna Schäfer]]></name>
<kategorie><![CDATA[Videoprodution]]></kategorie>
<beschreibung><![CDATA[Videoediting für Mediengestalterin und Fotografin Johanna Schäfer.]]></beschreibung>
<aufgabenfeld>Aufgabenbereich: * Videoediting</aufgabenfeld>
<bild1>Bilder/Projektbilder/hz_1.jpg</bild1>
<bild2>Bilder/Projektbilder/hz_2.jpg</bild2>
<bild3>Bilder/Projektbilder/hz_3.jpg</bild3>
<bild4>Bilder/Projektbilder/hz_4.jpg</bild4>
<theURL>
<![CDATA[
<p>
<a target="_blank" href="http://hanna-schaefer.de/">Website von Johanna Schäfer</a>
</p>
]]>
</theURL>
</beispiel>
<beispiel>
<screenshot>Bilder/Projektbilder/SRB.jpg</screenshot>
<name><![CDATA[Sounddesign Radio SRB]]></name>
<kategorie><![CDATA[Musikproduktion]]></kategorie>
<beschreibung><![CDATA[Media powerplant produzierte das gesamte Sounddesign für den regionalen Radiosender SRB. Dabei wurden hauptsächlich Musikbetten und Radiojingles produziert.]]></beschreibung>
<aufgabenfeld>Aufgabenbereich: * Sounddesign * Musikkomposition * Musikproduktion</aufgabenfeld>
<bild1>Bilder/Projektbilder/waves.jpg</bild1>
<bild2>Bilder/Projektbilder/peakmeter.jpg</bild2>
<bild3>Bilder/Projektbilder/mixpult.jpg</bild3>
<bild4>Bilder/Projektbilder/mics.jpg</bild4>
<MP3>
<![CDATA[
<embed src="Songs/Electro/Hintergrund_3.mp3" autostart="false" loop="false" width="300" height="18" controller="true" id="rock.mp3" name="bg song" pluginspage= "http://www.apple.com/quicktime/download/"> </embed>
]]>
</MP3>
</beispiel>
<beispiel>
<screenshot>Bilder/Projektbilder/Logo_earthTV.jpg</screenshot>
<name><![CDATA[EarthTV Musik]]></name>
<kategorie><![CDATA[Musikproduktion]]></kategorie>
<beschreibung><![CDATA[Komposition und Produktion des Stückes "Steil" im Auftrag von EarthTV für deren Sendeformat bei Sevenload.]]></beschreibung>
<aufgabenfeld>Aufgabenbereich:* Musikkompostion * Musikproduktion</aufgabenfeld>
<bild1>Bilder/Projektbilder/peakmeter.jpg</bild1>
<bild2>Bilder/Projektbilder/headphones.jpg</bild2>
<bild3>Bilder/Projektbilder/keyboard.jpg</bild3>
<bild4>Bilder/Projektbilder/mic.jpg</bild4>
<theURL>
<![CDATA[
<p>
<a target="_blank" href="http://de.sevenload.com/sendungen/earthTV">EarthTV bei www.Sevenload.de</a>
</p>
]]>
</theURL>
<MP3>
<![CDATA[
<embed src="Songs/Electro/Steil.mp3" autostart="false" loop="false" width="300" height="18" controller="true" id="rock.mp3" name="bg song" pluginspage= "http://www.apple.com/quicktime/download/"> </embed>
]]>
</MP3>
</beispiel>
<beispiel>
<screenshot>Bilder/Projektbilder/Ortner_video.jpg</screenshot>
<name><![CDATA[Webdesign christian-ortner.de]]></name>
<kategorie><![CDATA[Webdesign]]></kategorie>
<beschreibung><![CDATA[Design, Programmierung und Webspace-Hosting der Internetpräsenz für den Berufsmusiker Christian Ortner.]]></beschreibung>
<aufgabenfeld>Aufgabenbereich: * Webdesign * Hosting und Domain * Programmierung</aufgabenfeld>
<bild1>Bilder/Projektbilder/Ortner_projekte.jpg</bild1>
<bild2>Bilder/Projektbilder/Ortner_video.jpg</bild2>
<bild3>Bilder/Projektbilder/Ortner_MP3.jpg</bild3>
<bild4>Bilder/Projektbilder/Ortner_kontakt.jpg</bild4>
<theURL>
<![CDATA[
<p>
<a target="_blank" href="http://www.christian-ortner.de">www.christian-ornter.de</a>
</p>
]]>
</theURL>
</beispiel>
<beispiel>
<screenshot>Bilder/Projektbilder/henriette_1.jpg</screenshot>
<name><![CDATA[Sounddesign für Filmprojekt]]></name>
<kategorie><![CDATA[Musikproduktion]]></kategorie>
<beschreibung><![CDATA[Sounddesign und Titeltrack des Abschlussfilms der beiden Filmhochschule Ilmenau - Absolventen Suzanna Gorolova und Laura Süßenguth.]]></beschreibung>
<aufgabenfeld>Aufgabenbereich: * Sounddesign * Musikkomposition</aufgabenfeld>
<bild1>Bilder/Projektbilder/henriette_1.jpg</bild1>
<bild2>Bilder/Projektbilder/henriette_2.jpg</bild2>
<bild3>Bilder/Projektbilder/henriette_3.jpg</bild3>
<bild4>Bilder/Projektbilder/henriette_4.jpg</bild4>
<MP3>
<![CDATA[
<embed src="Songs/Referenzen/Henriette.mp3" autostart="false" loop="false" width="300" height="18" controller="true" id="rock.mp3" name="bg song" pluginspage= "http://www.apple.com/quicktime/download/"> </embed>
]]>
</MP3>
<theURL>
<![CDATA[
<p>
Hier kann man das Video sehen:
<a target="_blank" href="http://www.youtube.com/watch?v=LdBnFKNVhTY">Henriette auf Youtube</a>
</p>
]]>
</theURL>
</beispiel>
<beispiel>
<screenshot>Bilder/Projektbilder/she_1.jpg</screenshot>
<name><![CDATA[Musikvideo "She said" für die Band gin mum]]></name>
<kategorie><![CDATA[Videoprodution]]></kategorie>
<beschreibung><![CDATA[Musikvideo für das Lied "She said" der lokalen Rock-Pop Band gin mum.]]></beschreibung>
<aufgabenfeld>Aufgabenbereich: * Videoediting</aufgabenfeld>
<bild1>Bilder/Projektbilder/she_1.jpg</bild1>
<bild2>Bilder/Projektbilder/she_2.jpg</bild2>
<bild3>Bilder/Projektbilder/she_3.jpg</bild3>
<bild4>Bilder/Projektbilder/she_4.jpg</bild4>
<theURL>
<![CDATA[
<p>
<a target="_blank" href="http://www.gin-mum.com">www.gin-mum.com</a>
</p>
]]>
</theURL>
</beispiel>
<beispiel>
<screenshot>Bilder/Projektbilder/Sim_thumb.jpg</screenshot>
<name><![CDATA[Imagefilm für die Firma "Sim-Events"]]></name>
<kategorie><![CDATA[Videoproduktion]]></kategorie>
<beschreibung><![CDATA[Produkttrailer und Imagefilm für die Simbacher Eventmanagement Firma Sim-events.]]></beschreibung>
<aufgabenfeld>Aufgabenbereich: * 3D Grafik-Animation * Musikkomposition * Musikproduktion</aufgabenfeld>
<bild1>Bilder/Projektbilder/Sim_1.jpg</bild1>
<bild2>Bilder/Projektbilder/Sim_2.jpg</bild2>
<bild3>Bilder/Projektbilder/Sim_3.jpg</bild3>
<bild4>Bilder/Projektbilder/Sim_4.jpg</bild4>
<MP3>
<![CDATA[
<embed src="Songs/Referenzen/Sim.mp3" autostart="false" loop="false" width="300" height="18" controller="true" id="rock.mp3" name="bg song" pluginspage= "http://www.apple.com/quicktime/download/"> </embed>
]]>
</MP3>
</beispiel>
<beispiel>
<screenshot>Bilder/Projektbilder/Logo_earthTV.jpg</screenshot>
<name><![CDATA[EarthTV Musik]]></name>
<kategorie><![CDATA[Musikproduktion]]></kategorie>
<beschreibung><![CDATA[Komposition und Produktion des Stückes "Horizon" im Auftrag von EarthTV für deren Webstreaming-Formate.]]></beschreibung>
<aufgabenfeld>Aufgabenbereich: * Musikkompostion * Musikproduktion</aufgabenfeld>
<bild1>Bilder/Projektbilder/mischklein.jpg</bild1>
<bild2>Bilder/Projektbilder/headphones.jpg</bild2>
<bild3>Bilder/Projektbilder/misch2.jpg</bild3>
<bild4>Bilder/Projektbilder/mic.jpg</bild4>
<theURL>
<![CDATA[
<p>
<a target="_blank" href="http://www.wetter.com/webcams_galerien/earthtv/">EarthTV bei www.wetter.com</a>
</p>
]]>
</theURL>
<theURL2>
<![CDATA[
<p>
<a target="_blank" href="http://www.hamburg-tourism.de/sehenswertes/webcam-earthtv/">EarthTV auf www.Hamburg-tourism.de</a>
</p>
]]>
</theURL2>
<MP3>
<![CDATA[
<embed src="Songs/Chill/Elf.mp3" autostart="false" loop="false" width="300" height="18" controller="true" id="rock.mp3" name="bg song" pluginspage= "http://www.apple.com/quicktime/download/"> </embed>
]]>
</MP3>
</beispiel>
<beispiel>
<screenshot>Bilder/Projektbilder/like_2.jpg</screenshot>
<name><![CDATA[Musikvideo "like a fool" für die Band gin mum]]></name>
<kategorie><![CDATA[Videoproduktio]]>n</kategorie>
<beschreibung><![CDATA[Editing des Musikvideos "Like a Fool" für die Münchner Band "gin mum".]]></beschreibung>
<aufgabenfeld>Aufgabenbereich: * Videoediting</aufgabenfeld>
<bild1>Bilder/Projektbilder/like_1.jpg</bild1>
<bild2>Bilder/Projektbilder/like_2.jpg</bild2>
<bild3>Bilder/Projektbilder/like_3.jpg</bild3>
<bild4>Bilder/Projektbilder/like_4.jpg</bild4>
<theURL>
<![CDATA[
<p>
<a target="_blank" href="http://www.gin-mum.com">www.gin-mum.com</a>
</p>
]]>
</theURL>
</beispiel>
<beispiel>
<screenshot>Bilder/Projektbilder/eromat.jpg</screenshot>
<name><![CDATA[Eromat Musikproduktion]]></name>
<kategorie><![CDATA[Musikproduktion]]></kategorie>
<beschreibung><![CDATA[Titeltrack für Hörbuch des Eromat Verlages und Corporate Sounddesign in Form eines Jingles für den Verlag]]></beschreibung>
<aufgabenfeld>Aufgabenbereich: * Musikkompostion * Musikproduktion</aufgabenfeld>
<bild1>Bilder/Projektbilder/mischklein.jpg</bild1>
<bild2>Bilder/Projektbilder/headphones.jpg</bild2>
<bild3>Bilder/Projektbilder/misch2.jpg</bild3>
<bild4>Bilder/Projektbilder/mic.jpg</bild4>
<MP3>
<![CDATA[
<embed src="Songs/Referenzen/Eromat.mp3" autostart="false" loop="false" width="300" height="18" controller="true" id="rock.mp3" name="bg song" pluginspage= "http://www.apple.com/quicktime/download/"> </embed>
]]>
</MP3>
</beispiel>
<beispiel>
<screenshot>Bilder/Projektbilder/Wildcats-Cover.jpg</screenshot>
<name><![CDATA[Highlight Video Kirchdorf Wildcats]]></name>
<kategorie><![CDATA[Videoproduktion]]></kategorie>
<beschreibung><![CDATA[Jahresrückblicksvideo der Kirchdorf Wildcats, American Football Mannschaft der 2.Bundesliga.]]></beschreibung>
<aufgabenfeld>Aufgabenbereich: * Videoediting * DVD-Authoring * Cover Design * Musikkompostion * Musikproduktion</aufgabenfeld>
<bild1>Bilder/Projektbilder/Wildcats-Cover.jpg</bild1>
<bild2>Bilder/Projektbilder/Wildcats_davor.jpg</bild2>
<bild3>Bilder/Projektbilder/Wildcats_Spiel.jpg</bild3>
<bild4>Bilder/Projektbilder/Wildcats_touchdown.jpg</bild4>
<MP3>
<![CDATA[
<embed src="Songs/Referenzen/Wildcats.mp3" autostart="false" loop="false" width="300" height="18" controller="true" id="rock.mp3" name="bg song" pluginspage= "http://www.apple.com/quicktime/download/"> </embed>
]]>
</MP3>
</beispiel>
</referenz>
Anyhing wrong with that or is the syntax correct so far?
Then you said that I have to change the columne type..... Right now I have those two columnes ("name" and "kategorie") set to "string" as you can see in the attached screenshot. Is that correct? If it is, the mistake must be something else I'm afraid.
Again, thanks for your support! :-)
And by the way, merry Christmas everybody! :-)
Similar Messages
-
Hi everybody,
I included a Spry Data Set in my already existing HTML-File and got the problem that the Browser doesn't display it.Is there something I forgot to do after including the data set?
I hope somebody can help me out here.
Here's the link: http://media-powerplant.de/media-powerplant-webdesign-beispiele.html
And here's the Code of the HTML site:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xmlns:spry="http://ns.adobe.com/spry">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<meta name="description" content="Modernes Webdesign für Ihre erfogreiche Internetpräsenz" />
<meta name="keywords" content="Webdesign, Webspace ,Webhosting, Web-Design , Web, Domainregistrierung, Internetdesign, Internet, Provider, HTML, Web-Space, Design, Webdesign München, Grafikdesign, kreative, innovative, Homepage, Suchmaschinenoptimierung, Matthias Damoser, Michael Peh, Michi Peh, media powerplant, media-powerplant, München" />
<title>media powerplant *** Webdesign / Webspace & Hosting / Suchmaschinenoptimierung ***</title>
<meta name="author" content="[email protected]">
<meta name="copyright" content="Webdesign: Matthias Damoser / media powerplant">
<meta name="Content-Language" content="de">
<meta name="robots" content="INDEX,FOLLOW">
<meta name="revisit-after" content="7 days">
<link rel="SHORTCUT ICON" href="http://www.media-powerplant.de/favicon.ico">
<link href="mppLayout.css" rel="stylesheet" type="text/css" />
<!--[if IE]>
<style type="text/css">@import url(ie.css);</style>
<![endif]-->
<script src="SpryAssets/xpath.js" type="text/javascript"></script>
<script src="SpryAssets/SpryData.js" type="text/javascript"></script>
<script src="SpryAssets/SpryEffects.js" type="text/javascript"></script>
<script type="text/javascript">
<!--
var dskategorien = new Spry.Data.XMLDataSet("webkategorien.xml", "produkte/kategorie");
function MM_effectAppearFade(targetElement, duration, from, to, toggle)
Spry.Effect.DoFade(targetElement, {duration: duration, from: from, to: to, toggle: toggle});
function MM_goToURL() { //v3.0
var i, args=MM_goToURL.arguments; document.MM_returnValue = false;
for (i=0; i<(args.length-1); i+=2) eval(args[i]+".location='"+args[i+1]+"'");
var dsWebBeispiele = new Spry.Data.XMLDataSet("webexamples.xml", "websites/beispiel");
dsWebBeispiele.setColumnType("linkScreenshot", "html");
dsWebBeispiele.setColumnType("linkWebsite", "html");
dsWebBeispiele.setColumnType("screenshot", "html");
dsWebBeispiele.setColumnType("validHTML", "html");
dsWebBeispiele.setColumnType("validCSS", "html");
//-->
</script>
</head>
<body>
<div id="hauptfenster">
<div id="content">
<div id="mitte">
<div id="header">
<h1>media powerplant - Ihr Partner für Webdesign, Musikproduktion und Videoproduktion</h1>
</div>
<div id="mainnavi">
<div class="menuHome" onClick="MM_goToURL('parent','media-powerplant-home.html');return document.MM_returnValue" document.MM_returnValue></div>
<div class="menuMusik" onclick=MM_goToURL('parent','media-powerplant-musikproduktion.html');return document.MM_returnValue></div>
<div class="menuVideo" onclick="MM_goToURL('parent','media-powerplant-videoproduktion.html');return document.MM_returnValue"></div>
<div class="menuWeb" onclick=MM_goToURL('parent','media-powerplant-webdesign.html') document.MM_returnValue></div>
<div class="menuReferenzen" onclick="MM_goToURL('parent','media-powerplant-referenzen.html');return document.MM_returnValue"></div>
<div class="menuAbout" onclick=MM_goToURL('parent','media-powerplant-about.html') document.MM_returnValue></div>
<div class="menuKontakt" onclick="MM_goToURL('parent','media-powerplant-kontakt.html');return document.MM_returnValue"></div>
<div class="menuImpressum" onclick="MM_goToURL('parent','media-powerplant-impressum.html');return document.MM_returnValue"></div>
</div>
<div id="inhalt">
<h2><span class="mpp">media powerplant</span> <span class="bereich">Webdesign</span></h2>
<h2 class="unterüberschrift">Modernes Webdesign – standardkonform und flexibel.</h2>
<div id="haupthintergrundkalkulator">
<div id="fließtext">
<p>Modernes Webdesign umfasst nicht nur die Gestaltung, eine gute Struktur und eine benutzerfreundliche Navigation durch die Webseiten, sondern auch die ideale Umsetzung der Suchmaschinen-Optimierung und des barrierefreien Internets. Wir sorgen mit Seiten, die korrekt in XML oder HTML umgesetzt sind, für eine schicke Darstellung der Inhalte und fördern in gleicher Weise das gute Ranking bei Google und Co.</p>
</div>
<div id="webmain">
<div id="untermenu">
<div class="untermenuWeb" onclick=MM_goToURL('parent','media-powerplant-webdesign.html');return document.MM_returnValue document.MM_returnValue></div>
<div class="untermenuBeispiele" onclick=MM_goToURL('parent','media-powerplant-webdesign-beispiele.html');return document.MM_returnValue document.MM_returnValue></div>
<div class="untermenuKosten" onclick=MM_goToURL('parent','media-powerplant-webdesign-preiskalkulator.html');return document.MM_returnValue document.MM_returnValue></div>
</div>
<div id="Detailbereich">
<div id="beispieltext">
<h2>So könnte Ihre künftige Website aussehen</h2>
<p class="beschreibungtext">{dsWebBeispiele::nr}<br />{dsWebBeispiele::beschreibung}<br />
{dsWebBeispiele::linkScreenshot} {dsWebBeispiele::linkWebsite}</p>
<p class="hpimage">{dsWebBeispiele::screenshot}</p>
<p class="valide">{dsWebBeispiele::validText}</p>
<p class="w3c">{dsWebBeispiele::validHTML}</p>
<p class="w3c">{dsWebBeispiele::validCSS}</p>
</div>
<div class="copyrighthosting">Copyright © 2009 media powerplant | Alle Rechte vorbehalten | <a href="media-powerplant-impressum.html">Impressum</a> | <a href="media-powerplant-kontakt.html">Kontakt</a> | </div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</body>
</html>Hi,
You do not have a Spry region enveloping your data details.
Try the following code
<div spry:region="dsWebBeispiele">
<div spry:repeat="dsWebBeispiele" spry:setrow="dsWebBeispiele" spry:hover="hover" spry:select="selected">
<p class="beschreibungtext">{nr}<br />{beschreibung}<br />
{linkScreenshot} {linkWebsite}</p>
<p class="hpimage">{screenshot}</p>
</div>
</div>
<div spry:detailregion="dsWebBeispiele">
<p class="valide">{validText}</p>
<p class="w3c">{validHTML}</p>
<p class="w3c">{validCSS}</p>
</div>
I hope this helps.
Ben -
Spry data set not displaying in IE8
Hi,
I have inserted a spry data set based on an HTML table onto my page. The data displays in live view and in Safari, but when I try to preview in IE8 I get nothing. Here's the page:
http://www.emiliocorsetti.com/publish/maps.html
Any ideas? I didn't modify the CSS one iota.Ben,
Not sure what happened there. I was changing and deleting the spry data set so many times that I must have put the file up after I had deleted it. In any case, I put the correct file up. And a funny thing happened. The page works online but it won't work in browser preview. Any ideas?
Emilio -
How to use multiple Spry Data Sets in one page
I'm using two spry data sets in one page. When I add the first spry data set to my page everything runs OK, When I add the second spry data set to the page the first data set stops working. Does anyone know what the problem is?
This is how I have my data sets listed.
var ds1 = new Spry.Data.HTMLDataSet("/accounts/tower/list.php", "list");
var ds2 = new Spry.Data.HTMLDataSet("/accounts/tower/numvisits.php", "chart");
Thanks, let me know if you need more information.Good News!
There is nothing wrong with what you have shown.
Bad news!
The problem could be in that part that you have not shown.
Gramps -
Using alternate rows with Spry Data Set
Can anyone provide more information on how to implement alternate row colors with a Spry Data Set? What I have done is:
Create spry data set using HTML page as the data set
The html page that displays the data set is: <div spry:region="equipment">
In the default.css page that is linked, I added the info in note #1 below
When the page displays, no colors appear. Tried changing the colors and still no luck. Is there another step to do?
Note #1:
within the default.css, the following are declared:
#equipment odd {
background-color: #CCC;
#equipment even {
background-color: “#F2F2F2;
Note #2:
Here is a link to see the actual pages referenced above.
Any ideas? Getting frustrated!! Thanks in advance for any advice.You are going to kick yourself, but, you haven't assigned any page element the ID #equipment. The region is called that but the table or the DIV does not have an idea and your selector matches nothing...
-
How to link within a spry data set?
Hi everybody,
I am working with DW CS4 and want to know how to insert a link to another html site within the Spry data set. All I am archieving at the moment is to write the hyperlink-addy as plain text on my website.
I have this kind of structure in my data set:
<example>
<screenshot>Pics/examples/SRB.jpg</screenshot>
<name>Sounddesign Radio SRB</name>
<sort>Music production</sort>
<link> ??? </link>
</example>
Thanks a lot for your help!
Cheers,
El TeasoHi,
thanks for taking the time to haul through the Code I produced!
Although the website isn't launched yet, you can have a look at the site on this online "test-site": http://www.media-powerplant.de/media-powerplant-referenzen.html (on the left side you'll find the Spry-master region and on the left-hand side there is the Detail-region which should include the hyperlink)
Here is the HTML-Code for the site: (the green text is the part with the embedded Spry data set that works and the red line is the part which is not working)
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xmlns:spry="http://ns.adobe.com/spry">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<meta name="description" content="Ihr Partner für Musik- und Videoproduktionen, Webdesign, Internet, Flash, Podcasts und Grafikdesign" />
<meta name="keywords" content="gemafreie musik,lizenzfrei,lizenzfreie musik, royalty free, filmmusik,hintergrundmusik, werbespot,trailer, jingles, loops, Werbemusik, Mastering, Scoremusik, Filmproduktion,Videoproduktion,Computeranimation,Postproduktion,Filmagentur,3D Visualisierung,3D Animation,Filme,Video,Film Produktion,Grafik Design,Imagefilm,Werbefilm,Werbefilme,Werbefilmproduktion, Webdesign, Webspace ,Webhosting, Web-Design , Web, Domainregistrierung, Internetdesign, Internet, Provider, HTML, Web-Space, Design, Webdesign München, Grafikdesign, kreative, innovative, Homepage, Suchmaschinenoptimierung, Michael Peh, Michi Peh, Matthias Damoser, media powerplant, media-powerplant, München"/>
<title>media powerplant *** Musikproduktion / Videoproduktion / Webdesign ***</title>
<meta name="author" content="[email protected]">
<meta name="copyright" content="Webdesign: Matthias Damoser / media powerplant">
<meta name="Content-Language" content="de">
<meta name="robots" content="INDEX,FOLLOW">
<meta name="revisit-after" content="7 days">
<link rel="SHORTCUT ICON" href="http://www.media-powerplant.de/favicon.ico">
<link href="mppLayout.css" rel="stylesheet" type="text/css" />
<!--[if IE]>
<style type="text/css">@import url(ie.css);</style>
<![endif]-->
<script src="SpryAssets/xpath.js" type="text/javascript"></script>
<script src="SpryAssets/SpryData.js" type="text/javascript"></script>
<script type="text/javascript">
<!--
var dsreferenzen = new Spry.Data.XMLDataSet("referenzen.xml", "referenz/beispiel");
dsreferenzen.setColumnType("name", "html");
dsreferenzen.setColumnType("a", "html");
dsreferenzen.setColumnType("a/@href", "html");
dsreferenzen.setColumnType("a/@target", "html");
function MM_preloadImages() { //v3.0
var d=document; if(d.images){ if(!d.MM_p) d.MM_p=new Array();
var i,j=d.MM_p.length,a=MM_preloadImages.arguments; for(i=0; i<a.length; i++)
if (a[i].indexOf("#")!=0){ d.MM_p[j]=new Image; d.MM_p[j++].src=a[i];}}
function MM_goToURL() { //v3.0
var i, args=MM_goToURL.arguments; document.MM_returnValue = false;
for (i=0; i<(args.length-1); i+=2) eval(args[i]+".location='"+args[i+1]+"'");
var dslinks = new Spry.Data.XMLDataSet("referenzenlinks.xml", "referenz/link");
dslinks.setColumnType("a", "html");
//-->
</script>
<link href="SpryAssets/SpryMasterDetail.css" rel="stylesheet" type="text/css">
</head>
<body>
<div id="hauptfenster">
<div id="content">
<div id="mitte">
<div id="header">
<h1>media powerplant</h1>
</div>
<div id="mainnavi">
<div class="menuHome" onclick=MM_goToURL('parent','media-powerplant-home.html');return document.MM_returnValue document.MM_returnValue></div>
<div class="menuMusik" onclick=MM_goToURL('parent','media-powerplant-musikproduktion.html');return document.MM_returnValue></div>
<div class="menuVideo" onclick="MM_goToURL('parent','media-powerplant-videoproduktion.html');return document.MM_returnValue"></div>
<div class="menuWeb" onclick=MM_goToURL('parent','media-powerplant-webdesign.html') document.MM_returnValue></div>
<div class="menuReferenzen" onclick="MM_goToURL('parent','media-powerplant-referenzen.html');return document.MM_returnValue"></div>
<div class="menuAbout" onclick=MM_goToURL('parent','media-powerplant-about.html') document.MM_returnValue></div>
<div class="menuKontakt" onclick="MM_goToURL('parent','media-powerplant-kontakt.html');return document.MM_returnValue"></div>
<div class="menuImpressum" onclick="MM_goToURL('parent','media-powerplant-impressum.html');return document.MM_returnValue"></div>
</div>
<div id="inhalt">
<h2><span class="mpp">media powerplant</span> <span class="bereich">Referenzen</span></h2>
<h2 class="unterüberschrift">Hier finden Sie einen Überblick und einige interessante Details über unsere letzten Projekte</h2>
<p> </p>
<div id="musikproduktion">
<div id="musikprojekte">
<div id="projektescroll">
<div spry:region="dsreferenzen">
<table id="referenzTable">
<tr spry:repeat="dsreferenzen" spry:hover="rowHoverRef" spry:select="rowSelectRef" spry:setrow="dsreferenzen">
<td><img src="{screenshot}" alt="{name}" width="140" height="93" class="screenshot"></td>
<td><span class="kategorie">{kategorie}</span><br>
<span class="name">{name}</span></td>
</tr>
</table>
</div>
</div>
</div>
<div spry:detailregion="dsreferenzen">
<div id="musikmainRef">
<h2> </h2>
<p> </p>
<div id="projektbeschreibung">
<p class="beschreibung">{beschreibung}</p>
<p class="aufgabenfeld">{dsreferenzen::aufgabenfeld}</p>
<p class="aufgabenbilder">
<img src="{bild1}" width="90" height="77" class="bild"><img src="{bild2}" width="90" height="77" class="bild"><img src="{bild3}" width="90" height="77" class="bild"><img src="{bild4}" width="90" height="77" class="bild"> </p>
<p class="reflink">{dsreferenzen::a/@href}</p>
</div>
</div>
</div>
</div>
<div class="copyrightref">Copyright © 2009 media powerplant | Alle Rechte vorbehalten | <a href="media-powerplant-impressum.html">Impressum</a> | <a href="media-powerplant-kontakt.html">Kontakt</a> | </div>
</div>
</div>
</div>
</div>
</body>
</html>
Okay, and here is the XML code: (the red line shows the the code, that should be shown as a link, but isn't working)
<?xml version="1.0" encoding="UTF-8"?>
<referenz>
<beispiel>
<screenshot>Bilder/Projektbilder/SRB.jpg</screenshot>
<name>Sounddesign Radio SRB</name>
<kategorie>Musikproduktion</kategorie>
<beschreibung>Media powerplant produzierte das gesamte Sounddesign für den regionalen Radiosender SRB. Dabei wurden hauptsächlich Musikbetten und Radiojingles produziert.</beschreibung>
<aufgabenfeld>Aufgabenbereich: * Sounddesign * Musikkomposition * Musikproduktion</aufgabenfeld>
<bild1>Bilder/Projektbilder/waves.jpg</bild1>
<bild2>Bilder/Projektbilder/peakmeter.jpg</bild2>
<bild3>Bilder/Projektbilder/mixpult.jpg</bild3>
<bild4>Bilder/Projektbilder/mics.jpg</bild4>
<a target="_blank" href="http://www.google.de">www.weblink.de</a>
</beispiel>
<beispiel>
<screenshot>Bilder/Projektbilder/Logo_earthTV.jpg</screenshot>
<name>EarthTV Musik</name>
<kategorie>Musikproduktion</kategorie>
<beschreibung>Komposition und Produktion des Stückes "Steil" im Auftrag von EarthTV für deren Sendeformat bei Sevenload.</beschreibung>
<aufgabenfeld>Aufgabenbereich:* Musikkompostion * Musikproduktion</aufgabenfeld>
<bild1>Bilder/Projektbilder/peakmeter.jpg</bild1>
<bild2>Bilder/Projektbilder/headphones.jpg</bild2>
<bild3>Bilder/Projektbilder/keyboard.jpg</bild3>
<bild4>Bilder/Projektbilder/mic.jpg</bild4>
<a target="_blank" href="http://www.gmx.de">www.weblink2.de</a>
</beispiel>
</referenz>
(this shows only the first two entries)
Then, I also attached some screenshots of the Spry-Wizard. You can see, that it splits the line with the link in three seperate items. -
Need a little help with Slimbox (Lightbox clone) and Spry data sets
Hello guys!
First of all let me say that I'm not a programmer in any way,
shape or form, and somehow I managed to build me a dynamic
thumbnail gallery that reads data from an XML file and displays it
on my webpage using a Spry data set and a slider widget (yay!)
This is of course only thanks to the many great examples
provided by the Adobe Spry team, and me being stubborn enough to
keep at it, even though I don't really understand what I'm doing :D
But I got to this point where I have basically everything
working, except that I can't get the Slimbox (Lightbox clone)
script to work with the Spry-generated thumbnail gallery.
From what I could understand from other threads on this
forum, is that I need to add an observer somewhere, only that I'm
not sure where and how (those threads are pretty old and the
examples aren't available anymore).
I'm sure you guys know what I'm talking about, anyway, here's
what I got so far:
http://www.riotdesign.com.ar/misc/gallery/test1.html
I have the thumbnail gallery populated from the external XML
file, a basic page navigation using the Sliding Panels widget, and
the Slimbox script which works only on the static test image.
Okay I guess that's it for now, sorry for the long post and
of course any help with this will be GREATLY appreciated :)
Thanks & bye!Kev,
Where exactly does the .evalScripts = true; text need to go?
Does it go in the href call?
<a href="ManageNotes.asp" title="Manage Notes" onClick="this.blur();
Modalbox.show(this.href, {title: 'Manage Notes', width: 575}); return false;">View your notes.</a>
Thanks for any assistance.
J Bishop -
I'm having trouble getting the Spry data set to display in my
local testing environment. Can someone glance at my code and give
me some tips? I have the XML file in the same folder as the HTML
page.
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0
Transitional//EN" "
http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="
http://www.w3.org/1999/xhtml"
xmlns:spry="
http://ns.adobe.com/spry/">
<head>
<meta http-equiv="Content-Type" content="text/html;
charset=ISO-8859-1" />
<title>Croxton Gray Commercial Properties, Greenville,
SC - Search Company Listings</title>
<link href="../css/master.css" rel="stylesheet"
type="text/css" />
<script type="text/javascript"
src="../includes/xpath.js"></script>
<script type="text/javascript"
src="../includes/SpryData.js"></script>
<script type="text/javascript">
var dsListings = Spry.Data.XMLDataSet("listings.xml",
"listings/property");
</script>
</head>
<body id="listings">
<div id="wrapper">
<div class="padding10">
<?php include('../php/header.php'); ?>
<p class="date"><?php
echo date('l, F jS, Y');
?></p>
<div id="contentWrapper">
<div id="contentInner">
<div id="contentColumn" spry:region="dsListings">
<table width="100%" border="0" cellspacing="0">
<tr>
<th>Property</th>
<th>Price</th>
<th>Availability</th>
</tr>
<tr spry:repeat="dsListings"
onclick="ds.Listings.setCurrentRow('{ds_RowID}')">
<td>{name}</td>
<td>{price}</td>
<td>{availability}</td>
</tr>
</table>
</div><!-- Closes content column -->
<div id="rightColumn" spry:detailregion="dsListings">
<h2>{name}</h2>
<p>{description}</p>
<p align="center"><img
src="assets/{img}"/></p>
<p><strong>Call</strong>: {contact}
</p>
</div><!-- Closes right column -->
</div><!-- Closes content inner -->
</div><!-- Closes content wrapper -->
Here's the sample XML file I'm testing with. Again, it's
located in the same folder as the HTML page.
<?xml version="1.0" encoding="ISO-8859-1"?>
<listings>
<property>
<name>100 South Main</name>
<price>$100,000</price>
<availability>for sale</availability>
<image>asset_images/sunset.jpg</image>
<description>This is a short description of the
property.</description>
</property>
<property>
<name>100 South Main</name>
<price>$100,000</price>
<availability>for sale</availability>
<image>asset_images/sunset.jpg</image>
<description>This is a short description of the
property.</description>
</property>
<property>
<name>100 South Main</name>
<price>$100,000</price>
<availability>for sale</availability>
<image>asset_images/sunset.jpg</image>
<description>This is a short description of the
property.</description>
</property>
<property>
<name>100 South Main</name>
<price>$100,000</price>
<availability>for sale</availability>
<image>asset_images/sunset.jpg</image>
<description>This is a short description of the
property.</description>
</property>
</listings>
Thanks to whomever takes the time. I really appreciate the
extra set of eyes and any tips!With those 2 changes I mentioned above ... and the fact that
I had to fix the markup because there were missing end tags, which
I was assuming was just a copy paste problem ... it all worked fine
for me. Of course I made sure the includes I used were in the
correct place.
After re-reading your original message above, you never
really mentioned what you are seeing in the browser. Are there any
errors being thrown? Are you seeing data references instead of
values? If you are in need of help, we could diagnose things much
faster if you had an URL we could take a peek at.
Also what platform and browser are you using?
Did you try loading the XML file directly in to your browser
like ZeusChicago suggested? That would instantly tell you if your
server was serving your XML up with the correct content-type or
not.
--== Kin ==-- -
Hi, I Currently have a glossary using the Spry Tabbed Panels with Spry Data Sets embedded in each tab. I had it working great in pre IE8.
Once we upgraded to IE8 it just wont load or display the data sets in the tabs. Below is the page code. (I used the JS straight from the Spry Framework no alterations, except in the CSS files). Any help would be great =).
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"><!-- InstanceBegin template="../../../../composition/Templates/profile_spone.dwt" codeOutsideHTMLIsLocked="false" -->
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<!-- InstanceBeginEditable name="doctitle" -->
<title>Glossary</title>
<!-- InstanceEndEditable --><!-- InstanceBeginEditable name="head" -->
<script src="/composition/SpryAssets/xpath.js" type="text/javascript"></script>
<script src="/composition/composition002/profile_processes/SpryAssets/SpryTabbedPanels.js" type="text/javascript"></script>
<script src="/composition/SpryAssets/SpryData.js" type="text/javascript"></script>
<link href="/composition/composition002/profile_processes/SpryAssets/SpryTabbedPanels.css" rel="stylesheet" type="text/css" />
<link href="/composition/SpryAssets/SpryStackedContainers.css" rel="stylesheet" type="text/css" />
<script type="text/javascript">
var ds1 = new Spry.Data.XMLDataSet("/composition/composition002/profile_processes/profile_glossary/glos sary.xml", "glossary/def/defnum", {sortOnLoad: "word", sortOrderOnLoad: "ascending"});
var ds2 = new Spry.Data.XMLDataSet("/composition/composition002/profile_processes/profile_glossary/glos sary.xml", "glossary/def/defa", {sortOnLoad: "word", sortOrderOnLoad: "ascending"});
var ds3 = new Spry.Data.XMLDataSet("/composition/composition002/profile_processes/profile_glossary/glos sary.xml", "glossary/def/defb", {sortOnLoad: "word", sortOrderOnLoad: "ascending"});
var ds4 = new Spry.Data.XMLDataSet("/composition/composition002/profile_processes/profile_glossary/glos sary.xml", "glossary/def/defc", {sortOnLoad: "word", sortOrderOnLoad: "ascending"});
var ds5 = new Spry.Data.XMLDataSet("/composition/composition002/profile_processes/profile_glossary/glos sary.xml", "glossary/def/defd", {sortOnLoad: "word", sortOrderOnLoad: "ascending"});
var ds6 = new Spry.Data.XMLDataSet("/composition/composition002/profile_processes/profile_glossary/glos sary.xml", "glossary/def/defe", {sortOnLoad: "word", sortOrderOnLoad: "ascending"});
var ds7 = new Spry.Data.XMLDataSet("/composition/composition002/profile_processes/profile_glossary/glos sary.xml", "glossary/def/deff", {sortOnLoad: "word", sortOrderOnLoad: "ascending"});
var ds8 = new Spry.Data.XMLDataSet("/composition/composition002/profile_processes/profile_glossary/glos sary.xml", "glossary/def/defg", {sortOnLoad: "word", sortOrderOnLoad: "ascending"});
var ds9 = new Spry.Data.XMLDataSet("/composition/composition002/profile_processes/profile_glossary/glos sary.xml", "glossary/def/defh", {sortOnLoad: "word", sortOrderOnLoad: "ascending"});
var ds10 = new Spry.Data.XMLDataSet("/composition/composition002/profile_processes/profile_glossary/glos sary.xml", "glossary/def/defi", {sortOnLoad: "word", sortOrderOnLoad: "ascending"});
var ds11 = new Spry.Data.XMLDataSet("/composition/composition002/profile_processes/profile_glossary/glos sary.xml", "glossary/def/defj", {sortOnLoad: "word", sortOrderOnLoad: "ascending"});
var ds12 = new Spry.Data.XMLDataSet("/composition/composition002/profile_processes/profile_glossary/glos sary.xml", "glossary/def/defk", {sortOnLoad: "word", sortOrderOnLoad: "ascending"});
var ds13 = new Spry.Data.XMLDataSet("/composition/composition002/profile_processes/profile_glossary/glos sary.xml", "glossary/def/defl", {sortOnLoad: "word", sortOrderOnLoad: "ascending"});
var ds14 = new Spry.Data.XMLDataSet("/composition/composition002/profile_processes/profile_glossary/glos sary.xml", "glossary/def/defm", {sortOnLoad: "word", sortOrderOnLoad: "ascending"});
var ds15 = new Spry.Data.XMLDataSet("/composition/composition002/profile_processes/profile_glossary/glos sary.xml", "glossary/def/defn", {sortOnLoad: "word", sortOrderOnLoad: "ascending"});
var ds16 = new Spry.Data.XMLDataSet("/composition/composition002/profile_processes/profile_glossary/glos sary.xml", "glossary/def/defo", {sortOnLoad: "word", sortOrderOnLoad: "ascending"});
var ds17 = new Spry.Data.XMLDataSet("/composition/composition002/profile_processes/profile_glossary/glos sary.xml", "glossary/def/defp", {sortOnLoad: "word", sortOrderOnLoad: "ascending"});
var ds18 = new Spry.Data.XMLDataSet("/composition/composition002/profile_processes/profile_glossary/glos sary.xml", "glossary/def/defq", {sortOnLoad: "word", sortOrderOnLoad: "ascending"});
var ds19 = new Spry.Data.XMLDataSet("/composition/composition002/profile_processes/profile_glossary/glos sary.xml", "glossary/def/defr", {sortOnLoad: "word", sortOrderOnLoad: "ascending"});
var ds20 = new Spry.Data.XMLDataSet("/composition/composition002/profile_processes/profile_glossary/glos sary.xml", "glossary/def/defs", {sortOnLoad: "word", sortOrderOnLoad: "ascending"});
var ds21 = new Spry.Data.XMLDataSet("/composition/composition002/profile_processes/profile_glossary/glos sary.xml", "glossary/def/deft", {sortOnLoad: "word", sortOrderOnLoad: "ascending"});
var ds22 = new Spry.Data.XMLDataSet("/composition/composition002/profile_processes/profile_glossary/glos sary.xml", "glossary/def/defu", {sortOnLoad: "word", sortOrderOnLoad: "ascending"});
var ds23 = new Spry.Data.XMLDataSet("/composition/composition002/profile_processes/profile_glossary/glos sary.xml", "glossary/def/defv", {sortOnLoad: "word", sortOrderOnLoad: "ascending"});
var ds24 = new Spry.Data.XMLDataSet("/composition/composition002/profile_processes/profile_glossary/glos sary.xml", "glossary/def/defw", {sortOnLoad: "word", sortOrderOnLoad: "ascending"});
var ds25 = new Spry.Data.XMLDataSet("/composition/composition002/profile_processes/profile_glossary/glos sary.xml", "glossary/def/defx", {sortOnLoad: "word", sortOrderOnLoad: "ascending"});
var ds26 = new Spry.Data.XMLDataSet("/composition/composition002/profile_processes/profile_glossary/glos sary.xml", "glossary/def/defy", {sortOnLoad: "word", sortOrderOnLoad: "ascending"});
var ds27 = new Spry.Data.XMLDataSet("/composition/composition002/profile_processes/profile_glossary/glos sary.xml", "glossary/def/defz", {sortOnLoad: "word", sortOrderOnLoad: "ascending"});
</script>
<!-- InstanceEndEditable -->
<link href="../../../../composition/css/profile_sp1.css" rel="stylesheet" type="text/css" media="screen" />
<link href="../../../../composition/css/print1.css" rel="stylesheet" type="text/css" media="print" />
</head>
<body>
<div id="top1">
<table width="100%" height="75px" border="0" cellpadding="3" cellspacing="0">
<tr bgcolor="#000000">
<th width="6%" height="36" align="left" valign="middle" scope="col"><img src="/composition/composition002/Profile_Processes/graphics/globe2.gif" alt="globe" width="70" height="68" border="0" /></th>
<th width="94%" align="left" valign="top"><span class="whitebanner">Composition Learning Center</span><br />
<span class="whitebanner2"><strong>Learn. Grow. Succeed.</strong></span></th>
</tr>
</table>
</div>
<div id="Layer4"><!-- InstanceBeginEditable name="Content" -->
<h1 align="center">Glossary</h1>
<div id="TabbedPanels1" class="TabbedPanels">
<ul class="TabbedPanelsTabGroup">
<li class="TabbedPanelsTab" style="display:none" tabindex="0"></li>
<li class="TabbedPanelsTab" tabindex="0">A</li>
<li class="TabbedPanelsTab" tabindex="0">B</li>
<li class="TabbedPanelsTab" tabindex="0">C</li>
<li class="TabbedPanelsTab" tabindex="0">D</li>
<li class="TabbedPanelsTab" tabindex="0">E</li>
<li class="TabbedPanelsTab" tabindex="0">F</li>
<li class="TabbedPanelsTab" tabindex="0">G</li>
<li class="TabbedPanelsTab" tabindex="0">H</li>
<li class="TabbedPanelsTab" tabindex="0">I</li>
<li class="TabbedPanelsTab" tabindex="0">J</li>
<li class="TabbedPanelsTab" tabindex="0">K</li>
<li class="TabbedPanelsTab" tabindex="0">L</li>
<li class="TabbedPanelsTab" tabindex="0">M</li>
<li class="TabbedPanelsTab" tabindex="0">N</li>
<li class="TabbedPanelsTab" tabindex="0">O</li>
<li class="TabbedPanelsTab" tabindex="0">P</li>
<li class="TabbedPanelsTab" tabindex="0">Q</li>
<li class="TabbedPanelsTab" tabindex="0">R</li>
<li class="TabbedPanelsTab" tabindex="0">S</li>
<li class="TabbedPanelsTab" tabindex="0">T</li>
<li class="TabbedPanelsTab" tabindex="0">U</li>
<li class="TabbedPanelsTab" tabindex="0">V</li>
<li class="TabbedPanelsTab" tabindex="0">W</li>
<li class="TabbedPanelsTab" tabindex="0">X</li>
<li class="TabbedPanelsTab" tabindex="0">Y</li>
<li class="TabbedPanelsTab" tabindex="0">Z</li>
<li class="TabbedPanelsTab" tabindex="0">0 to 9</li>
</ul>
<div class="TabbedPanelsContentGroup">
<div class="TabbedPanelsContent">
</div>
<div class="TabbedPanelsContent">
<div spry:region="ds2" class="StackedContainers">
<div spry:repeat="ds2" class="RowContainer"> <div id="w1d" class="RowColumn">{word}</div>
<span class="RowColumn">{definition}</span>
</div>
</div>
</div>
<div class="TabbedPanelsContent">
<div spry:region="ds3" class="StackedContainers">
<div spry:repeat="ds3" class="RowContainer"> <div id="w1d" class="RowColumn">{word}</div>
<span class="RowColumn">{definition}</span>
</div>
</div>
</div>
<div class="TabbedPanelsContent">
<div spry:region="ds4" class="StackedContainers">
<div spry:repeat="ds4" class="RowContainer"> <div id="w1d" class="RowColumn">{word}</div>
<span class="RowColumn">{definition}</span>
</div>
</div>
</div>
<div class="TabbedPanelsContent">
<div spry:region="ds5" class="StackedContainers">
<div spry:repeat="ds5" class="RowContainer"> <div id="w1d" class="RowColumn">{word}</div>
<span class="RowColumn">{definition}</span>
</div>
</div>
</div>
<div class="TabbedPanelsContent">
<div spry:region="ds6" class="StackedContainers">
<div spry:repeat="ds6" class="RowContainer"> <div id="w1d" class="RowColumn">{word}</div>
<span class="RowColumn">{definition}</span>
</div>
</div>
</div>
<div class="TabbedPanelsContent">
<div spry:region="ds7" class="StackedContainers">
<div spry:repeat="ds7" class="RowContainer"> <div id="w1d" class="RowColumn">{word}</div>
<span class="RowColumn">{definition}</span>
</div>
</div>
</div>
<div class="TabbedPanelsContent">
<div spry:region="ds8" class="StackedContainers">
<div spry:repeat="ds8" class="RowContainer"> <div id="w1d" class="RowColumn">{word}</div>
<span class="RowColumn">{definition}</span>
</div>
</div>
</div>
<div class="TabbedPanelsContent">
<div spry:region="ds9" class="StackedContainers">
<div spry:repeat="ds9" class="RowContainer"> <div id="w1d" class="RowColumn">{word}</div>
<span class="RowColumn">{definition}</span>
</div>
</div>
</div>
<div class="TabbedPanelsContent">
<div spry:region="ds10" class="StackedContainers">
<div spry:repeat="ds10" class="RowContainer"> <div id="w1d" class="RowColumn">{word}</div>
<span class="RowColumn">{definition}</span>
</div>
</div>
</div>
<div class="TabbedPanelsContent">
<div spry:region="ds11" class="StackedContainers">
<div spry:repeat="ds11" class="RowContainer"> <div id="w1d" class="RowColumn">{word}</div>
<span class="RowColumn">{definition}</span>
</div>
</div>
</div>
<div class="TabbedPanelsContent">
<div spry:region="ds12" class="StackedContainers">
<div spry:repeat="ds12" class="RowContainer"> <div id="w1d" class="RowColumn">{word}</div>
<span class="RowColumn">{definition}</span>
</div>
</div>
</div>
<div class="TabbedPanelsContent">
<div spry:region="ds13" class="StackedContainers">
<div spry:repeat="ds13" class="RowContainer"> <div id="w1d" class="RowColumn">{word}</div>
<span class="RowColumn">{definition}</span>
</div>
</div>
</div>
<div class="TabbedPanelsContent">
<div spry:region="ds14" class="StackedContainers">
<div spry:repeat="ds14" class="RowContainer"> <div id="w1d" class="RowColumn">{word}</div>
<span class="RowColumn">{definition}</span>
</div>
</div>
</div>
<div class="TabbedPanelsContent">
<div spry:region="ds15" class="StackedContainers">
<div spry:repeat="ds15" class="RowContainer"> <div id="w1d" class="RowColumn">{word}</div>
<span class="RowColumn">{definition}</span>
</div>
</div>
</div>
<div class="TabbedPanelsContent">
<div spry:region="ds16" class="StackedContainers">
<div spry:repeat="ds16" class="RowContainer"> <div id="w1d" class="RowColumn">{word}</div>
<span class="RowColumn">{definition}</span>
</div>
</div>
</div>
<div class="TabbedPanelsContent">
<div spry:region="ds17" class="StackedContainers">
<div spry:repeat="ds17" class="RowContainer"> <div id="w1d" class="RowColumn">{word}</div>
<span class="RowColumn">{definition}</span>
</div>
</div>
</div>
<div class="TabbedPanelsContent">
<div spry:region="ds18" class="StackedContainers">
<div spry:repeat="ds18" class="RowContainer"> <div id="w1d" class="RowColumn">{word}</div>
<span class="RowColumn">{definition}</span>
</div>
</div>
</div>
<div class="TabbedPanelsContent">
<div spry:region="ds19" class="StackedContainers">
<div spry:repeat="ds19" class="RowContainer"> <div id="w1d" class="RowColumn">{word}</div>
<span class="RowColumn">{definition}</span>
</div>
</div>
</div>
<div class="TabbedPanelsContent">
<div spry:region="ds20" class="StackedContainers">
<div spry:repeat="ds20" class="RowContainer"> <div id="w1d" class="RowColumn">{word}</div>
<span class="RowColumn">{definition}</span>
</div>
</div>
</div>
<div class="TabbedPanelsContent">
<div spry:region="ds21" class="StackedContainers">
<div spry:repeat="ds21" class="RowContainer"> <div id="w1d" class="RowColumn">{word}</div>
<span class="RowColumn">{definition}</span>
</div>
</div>
</div>
<div class="TabbedPanelsContent">
<div spry:region="ds22" class="StackedContainers">
<div spry:repeat="ds22" class="RowContainer"> <div id="w1d" class="RowColumn">{word}</div>
<span class="RowColumn">{definition}</span>
</div>
</div>
</div>
<div class="TabbedPanelsContent">
<div spry:region="ds23" class="StackedContainers">
<div spry:repeat="ds23" class="RowContainer"> <div id="w1d" class="RowColumn">{word}</div>
<span class="RowColumn">{definition}</span>
</div>
</div>
</div>
<div class="TabbedPanelsContent">
<div spry:region="ds24" class="StackedContainers">
<div spry:repeat="ds24" class="RowContainer"> <div id="w1d" class="RowColumn">{word}</div>
<span class="RowColumn">{definition}</span>
</div>
</div>
</div>
<div class="TabbedPanelsContent">
<div spry:region="ds25" class="StackedContainers">
<div spry:repeat="ds25" class="RowContainer"> <div id="w1d" class="RowColumn">{word}</div>
<span class="RowColumn">{definition}</span>
</div>
</div>
</div>
<div class="TabbedPanelsContent">
<div spry:region="ds26" class="StackedContainers">
<div spry:repeat="ds26" class="RowContainer"> <div id="w1d" class="RowColumn">{word}</div>
<span class="RowColumn">{definition}</span>
</div>
</div>
</div>
<div class="TabbedPanelsContent">
<div spry:region="ds27" class="StackedContainers">
<div spry:repeat="ds27" class="RowContainer"> <div id="w1d" class="RowColumn">{word}</div>
<span class="RowColumn">{definition}</span>
</div>
</div>
</div>
<div class="TabbedPanelsContent">
<div spry:region="ds1" class="StackedContainers">
<div spry:repeat="ds1" class="RowContainer"> <div id="w1d" class="RowColumn">{word}</div>
<span class="RowColumn">{definition}</span>
</div>
</div>
</div>
</div>
</div>
<script type="text/javascript">
var TabbedPanels1 = new Spry.Widget.TabbedPanels("TabbedPanels1", {defaultTab:0});
</script><!-- InstanceEndEditable -->
</div>
</body>
<!-- InstanceEnd --></html>Thanks Gramps.
I totally forgot about the Xpath filtering.
Trusty Hammer
altruistic gramps <[email protected]>
01/11/2011 05:06 PM
Please respond to
[email protected]
To
patrick dennis <[email protected]>
cc
Subject
Spry Data Sets and IE8
A quick fix: add the following to your document
A better fix: reduce the number of datasets to just one and use Xpath
filtering triggered by an onclick event, as in clicking the relevant tab.
Gramps
For a more specific answer, please supply a link to your site. -
Just installed DW CS4 and have been playing around with creating a dynamic table using Spry data sets. I was able to get it working & looking OK. I have two questions.
In the past a client would send me an Excel spreadsheet that I normally would export to CSV and then import into a static HTML table. Now I want to use the CSV file & create a dynamic table but the Spry widget for CS4 does not have the option of using a CSV file only HTML & XHTML. Spry is supposed to be able to use a CSV file. How do I do it?
Second question is speed. The dymanic table takes a very long time to come up (lots of rows). Is it slow because it is looking for an external HTML table? If I have to use an HTML table for my data should it be on the same page as the Spry table to get the best speed?
Thanks.Here's the example.. view the source code: CSV Data Set sample
The Data Set Wizard doesn't give you the handy little import tool which makes it a bit more tricky & advanced set up is required.
If you want to use the wizard, the easiest way is to save your CSV as a XML file. It doesn't doa great job at it though.
I noticed that Spry preRelease will allow a lot of stuff, it just doesn't always make it easy. You'll need to use the SpryCSVDataSet.js and hand code most everything in, I'm affraid.
That's about the best answer I can get for you, unless someone else has a better option. Give it a whirl and us me know if it works for you. -
Spry Data Set, include external page and javascript
I have a problem with Spry Data Set... I have necessity to
include a html page with javascript functions (static html page) in
another but doesn't work.
This is an example with "Elevator Panel Magic" extension
(projectseven.com):
Home page with dataset (home.html)
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0
Transitional//EN" "
http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="
http://www.w3.org/1999/xhtml"
xmlns:spry="
http://ns.adobe.com/spry">
<head>
<meta http-equiv="Content-Type" content="text/html;
charset=UTF-8" />
<title>Untitled Document</title>
<script src="../SpryAssets/SpryData.js"
type="text/javascript"></script>
<script src="../SpryAssets/SpryHTMLDataSet.js"
type="text/javascript"></script>
<script type="text/javascript">
<!--
var ds1 = new Spry.Data.HTMLDataSet("include_header.html",
"header_menu_test");
ds1.setColumnType("column0", "html");
//-->
</script>
<link href="p7epm/epm1/p7EPM01.css" rel="stylesheet"
type="text/css" media="all" />
<script type="text/javascript"
src="p7epm/p7EPMscripts.js"></script>
</head>
<body>
<span spry:detailregion="ds1">{column0}</span>
</body>
</html>
External page with elevator panel magic
("include_header.html")
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0
Transitional//EN" "
http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="
http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html;
charset=UTF-8" />
<title>Untitled Document</title>
</head>
<body>
<div id="header_menu_test">
<div id="p7EPM_1" class="p7EPM01">
<div id="p7EPMt_1" class="p7epm_trigs">
<ul>
<li class="t1"><a href="#p7EPMc1_1"
id="p7EPMtrg1_1">New Heading Text 1</a></li>
<li class="t2"><a href="#p7EPMc1_2"
id="p7EPMtrg1_2">New Heading Text 2</a></li>
</ul>
<div class="p7epm_ie5clear"> </div>
</div>
<div id="p7EPMdw_1">
<div id="p7EPMw1_1" class="p7epm_cwrapper">
<div id="p7EPMc1_1" class="p7epm_content pan1">
<p>Lorem ipsum dolor sit amet, consectetuer adipiscing
elit. Quisque congue tristique eros. Nulla facilisi. Quisque sem
mauris, ullamcorper ac, gravida id, mattis id, sapien. Nullam
adipiscing enim dapibus felis. Fusce a nisi in odio pulvinar
fringilla. Nunc blandit interdum metus. Duis leo nunc, sollicitudin
ut, fermentum congue, pharetra eu, massa. Suspendisse potenti.
Morbi commodo mauris. Ut at pede. Ut id nisi. Donec scelerisque
urna quis ligula. Praesent est. Vestibulum scelerisque. Curabitur
quam. Fusce rhoncus pellentesque ipsum. Aenean venenatis metus ac
quam. Maecenas lacus lacus, sagittis vitae, congue at, euismod eu,
urna. Maecenas vitae purus. Praesent eros lectus, porta et, semper
nec, molestie eget, tortor.</p>
</div>
</div>
<div id="p7EPMw1_2" class="p7epm_cwrapper">
<div id="p7EPMc1_2" class="p7epm_content pan2">
<p>Lorem ipsum dolor sit amed sed diam nonummy nibh
euismod tincidunt ut. Duis autem vel eum iriure dolor in hendrerit
in vulputate velit esse molestie consequat, eu feugiat nulla at
vero eros et accumsan et odio qui blandit praesent luptatum augue
duis dolore te feugait nulla facilisi.</p>
<p>Lorem ipsum dolor sit amed sed diam nonummy nibh
euismod tincidunt ut. Duis autem vel eum iriure dolor in hendrerit
in vulputate velit esse molestie consequat, eu feugiat nulla at
vero eros et accumsan et odio qui blandit praesent luptatum augue
duis dolore te feugait nulla facilisi.</p>
</div>
</div>
</div>
<!--[if IE 5]><style>.p7epm_trigs a {height:
1%;}.p7epm_ie5clear {clear: both;}</style><![endif]-->
<!--[if IE 6]><style>.p7epm_trigs, .p7epm_trigs
a {height: 1%;}</style><![endif]-->
<script type="text/javascript">
<!--
P7_opEPM('p7EPM_1',1,1,1,0,0,1000,0);
//-->
</script>
</div>
</div>
</body>
</html>
**********************I think it is a bit too late you're 'finally experimenting' with Spry.
Spry has been deprecated from Adobe and is now been made Open Source on GIT - meaning Adobe will no longer officially support Spry tools. The next major release of DW will most probably get rid of Spry, for good.
Read here: http://blogs.adobe.com/dreamweaver/2012/08/update-on-adobe-spry-framework-availability.htm l
jQuery is the way ahead. You may want to switch to jQuery - since anyway you've mentioned you're just 'experimenting' at the moment. That way, you're not spending time on something that is no longer being supported/ developed by their developers.
-ST -
So, I've got the Spry Data Set working reading an XML file:
http://brad.melendy.com/projects/ajax/spry/test1.cfm
Which seems to work, the ID column sorts on click, all is
well. The actual
file it is reading is located here:
http://brad.melendy.com/projects/webservice/employee.xml
Then, I have it set to read the same data from my CFC in this
version here:
http://brad.melendy.com/projects/ajax/spry/test2.cfm
This isn't working? But I can see the data when I open the
CFC directly in
my browser like this:
http://brad.melendy.com/projects/flex/DataTest4/employees.cfc?method=FindAll
So finally, here is my code on test2.cfm that isn't working?
<!--- START CODE --->
<script src="../../../SpryAssets/xpath.js"
type="text/javascript"></script>
<script src="../../../SpryAssets/SpryData.js"
type="text/javascript"></script>
<script type="text/javascript">
<!--
var ds1 = new
Spry.Data.XMLDataSet("
http://brad.melendy.com/projects/flex/DataTest4/employees.cfc?method=FindAll",
"response/data/row",{sortOnLoad:"id",sortOrderOnLoad:"ascending",distinctOnLoad:true});
//-->
</script>
</head>
<body>
<div spry:region="ds1">
<table>
<tr>
<th spry:sort="id">Id</th>
<th>FirstName</th>
<th>LastName</th>
<th>OfficePhone</th>
</tr>
<tr spry:repeat="ds1" spry:setrow="ds1">
<td>{id}</td>
<td>{firstName}</td>
<td>{lastName}</td>
<td>{officePhone}</td>
</tr>
</table>
<!--- END CODE --->
The two files test1.cfm and test2.cfm are the same except for
the source of
the XMLDataSet which is the static XML document in test1.cfm
and the full
URL to the CFC in test2.cfm.
Thanks for any tips, this is exactly how it is suppose to
work according to
the livedocs but it isn't.
...BradI figured this out, my problem was that although IE was
displaying identical
XML documents from my CFC and employee.xml, the output
produced by the CFC
was not a true xml document. I'm not sure exactly what was
making it fail
to be seen as an xml document, but after updating the code to
use <cfxml>
the document was created properly and then Spry could see the
data and
display it.
"Brad Melendy" <[email protected]> wrote in
message
news:[email protected]...
> So, I've got the Spry Data Set working reading an XML
file:
>
>
http://brad.melendy.com/projects/ajax/spry/test1.cfm
>
> Which seems to work, the ID column sorts on click, all
is well. The
> actual file it is reading is located here:
>
>
http://brad.melendy.com/projects/webservice/employee.xml
>
> Then, I have it set to read the same data from my CFC in
this version
> here:
>
>
http://brad.melendy.com/projects/ajax/spry/test2.cfm
>
> This isn't working? But I can see the data when I open
the CFC directly
> in my browser like this:
>
>
http://brad.melendy.com/projects/flex/DataTest4/employees.cfc?method=FindAll
>
> So finally, here is my code on test2.cfm that isn't
working?
>
> <!--- START CODE --->
> <script src="../../../SpryAssets/xpath.js"
> type="text/javascript"></script>
> <script src="../../../SpryAssets/SpryData.js"
> type="text/javascript"></script>
> <script type="text/javascript">
> <!--
> var ds1 = new
> Spry.Data.XMLDataSet("
http://brad.melendy.com/projects/flex/DataTest4/employees.cfc?method=FindAll",
>
"response/data/row",{sortOnLoad:"id",sortOrderOnLoad:"ascending",distinctOnLoad:true});
> //-->
> </script>
> </head>
>
> <body>
> <div spry:region="ds1">
> <table>
> <tr>
> <th spry:sort="id">Id</th>
> <th>FirstName</th>
> <th>LastName</th>
> <th>OfficePhone</th>
> </tr>
> <tr spry:repeat="ds1" spry:setrow="ds1">
> <td>{id}</td>
> <td>{firstName}</td>
> <td>{lastName}</td>
> <td>{officePhone}</td>
> </tr>
> </table>
> <!--- END CODE --->
>
> The two files test1.cfm and test2.cfm are the same
except for the source
> of the XMLDataSet which is the static XML document in
test1.cfm and the
> full URL to the CFC in test2.cfm.
>
> Thanks for any tips, this is exactly how it is suppose
to work according
> to the livedocs but it isn't.
>
> ...Brad
>
> -
Spry Data Sets and IE7 and IE8
Whiile in IE 7 or IE 8, my spry data set is not displaying
the data. However, using the Firefox browser, you can see the data
within the spry data set. For some reason unbeknownst to me, IE 7
and IE 8 in not allowing the spry data set to display the necessary
data. Is there a fix to this issue? Can changing or modifying the
HTML code help make the connection between the spry data set and
its data in IE 7 and IE 8? Any assistance would be helpful. Thank
you.
To view my site where the problem is at, go to
http://www.hrconsortium.net/hrworkshops.htmIt gags in IE because you are saying that the Course_Date
column is a date, but you have an "Open" word in the date column
instead of a date. You can work around the problem by creating a
custom column that replaces the "Open" keyword with a date in the
past or the future, depending on where you want it to land when
sorting (top or bottom). Then, leave your Course_Date column as a
"string" column type, and set the new custom column to the date
column type. Try something like this:
<script type="text/javascript">
<!--
function CustomDateFilter(ds,row,rowIndex)
if (row.Course_Date.search("Open") != -1)
row.Course_Date2 = "01/01/2000";
else
row.Course_Date2 = row.Course_Date;
return row;
var dshrworkshops = new
Spry.Data.HTMLDataSet("hrworkshop_table.htm", "hrworkshoptable",
{sortOnLoad: "Course_Date", sortOrderOnLoad: "ascending",
filterDataFunc: CustomDateFilter});
dshrworkshops.setColumnType("Course_Date2", "date");
//-->
</script>
--== Kin ==-- -
Spry Data Set will not Refresh with New Data?
I'm using the Dreamweaver CS4 "Spry Data Set" Wizard and created the following layout on one of my pages:
In the wizard, under "Specify a Data Source", I chose "HTML", and selected my cfm page that has a simple Table with the datasource below:
<cfparam name="URL.id_com" default="1">
<cfquery name="rsTickets" datasource="Ctickets">
SELECT ticketNum, ticketType, ticketDate, acctNum, firstName, lastName, businessName, city, status, owner, ticketDetails
FROM tickets
WHERE acctNum = <cfqueryparam value="#URL.id_com#" cfsqltype="cf_sql_numeric">
</cfquery>
When I display the page in IE8, The Spry Master/Detail page will not filter my records based on the URL parameter?
(Note: All my other "Non-Spry" datasets filter fine by the URL)
Question: How do I make the Spry data "Refresh" or "Re-run the query" so the data filters properly?
Thanks,
jligBen, Thanks for the reply..
Here is my Source Data page which I created & selected in the Spry Data Wizard: http://cerberus.clearwave.com/jerry/Spry2.jpg
(this page takes my query, filtered by the URL Acct field and makes a simple table to feed the Spry Wizard)
- In the Spry Data Wizard, I selected the file and it properly found the table data: http://cerberus.clearwave.com/jerry/Spry3.jpg
- Then I clicked Next and changed a few of the field types: http://cerberus.clearwave.com/jerry/Spry4.jpg
- Next I chose Master-Detail and used the Acct field to be the Master : http://cerberus.clearwave.com/jerry/Spry5.jpg
- Lastly, I open up the webpage, click on the Tickets Spry Tab: http://cerberus.clearwave.com/jerry/Spry6.jpg
As you can see in the picture on this page: http://cerberus.clearwave.com/jerry/Spry6.jpg, the URL parameter is = 3902 which is the Acct number
being passed from the previous page in my application. (Ex..http://192.168.1.77/COE/salespipeline_mi.cfm?id_com=3902)
The first one is correct, but once I move to a different Acct number the Spry data will not update to reflect the correct Tickets?
Once I move to say, Acct 4413, the Spry Tickets Tab does not change or update to reflect this Acct's tickets?
(see link--> http://cerberus.clearwave.com/jerry/Spry7.jpg)
Here is my code listing for the Tabbed Webpage: http://cerberus.clearwave.com/jerry/Spry8.txt (see images 6 & 7)
It seems like I'm missing some kind of "Trigger" or "Requery" or "Refresh" that "Re-runs" the Source Data page (http://cerberus.clearwave.com/jerry/Spry2.jpg)..?
Thanks again,
jlig -
Spry Data Set visible in Live View, but not on Site.
Hi,
I've used the spry data set widget to create a dynamic table. Everything looks fine in the live view. On the site itself, however, I see only a brief flash of the unpopulated spry table, and then nothing. All necessary files, including those in the SpryAssets folder, have been uploaded.
This is particularly frustating since my first crack at a spry data set worked with ease.
I have the feeling that I missing something simple. Any ideas?
Here is the table:
http://www.ldcsb.on.ca/ntip/teachphotos/profiletable.html
Here is the spry data set:
http://www.ldcsb.on.ca/ntip/teachphotos/profiles.html
Thanks for looking,
JimJim, Your page comes up fine in Firefox, but as you said it flashes and disappears in IE8.
I notice some differences in the ids and Spry:sort values. You might sort those out (make them the same) and see what happens.
This is in the profiletable:
<td id="Image">Image</td>
<td id="First">First </td>
<td wid="Last">Last </td> lose the w
<td id="Sschool">School</td> lose the extra s
<td id="Grade">Grade </td>
<td id="Subject1">Subject1</td>
<td id="Subject2">Subject2</td>
<td w id="Description">Description</td> lose the w and the extra space
And this in the Spry region:
<th spry:sort="Image">Image</th>
<th spry:sort="First">First</th>
<th spry:sort="Last">Last</th>
<th spry:sort="School">School</th>
<th spry:sort="Grade">Grade</th>
<th spry:sort="Subject1">Subject1</th>
<th spry:sort="Subject2">Subject2</th>
<th spry:sort="Description">Description</th>
It's possible that IE is pickier than Firefox that the names be the same.
Other than that, look for things to clean up, like tightening up the table...I notice several places in the data where there are blank lines between the </tr> of one line and the <tr> of the next. Make sure every entry in the table has a cell for every column.
You're right; it is an easy Widget to work with...unless some tiny thing goes wrong and it doesn't work! I have had a data set that had some of those tiny anomalies, fixed them, and now I know to look for them.
Beth
Maybe you are looking for
-
Hi, I've been having a problem booting up my iPod, as in getting it to turn on, for about a week now. Everytime I go to use it, the apple logo flashes and I hear the battery starting to turn on; however, it abruptly stops, and the sad iPod face appea
-
TS3367 Can't get sound on face time
Can't hear the other person I'm talking to on face time
-
How to add leading zeros to hex string?
Hi, I've got the following problem: I have a string that represents a 8-digits hexadecimal number. But if the number has less as 8 digits, I need to add the leading zeros. I can't use DecimalFormat, 'cause it works only with decimal numbers. Is there
-
Problem proj_demo_camera_frame_buffer
i am having a problem at projet demo camera frame buffer , i genere th bitstram then i updat the bitstream follows i download the bitstream in fpga with JTAG(using edk 10.1.03 ,windows xp sp2) , but it don't work and it don't send any msg in hyperTer
-
ORABPEL-04076 - How to resolve?
The big picture is that I am looking to check out the Oracle BPEL Process Manager on my JBoss system. I have used other BPEL products (even Collaxa a few years back), but my experience with Oracle is limited. Following Section 3 in the "Oracle BPEL P