How to move elements within the master region of a Master/Detail spry data set?
Hi there,
I am unsure of how to move the different items within the master region of a master/detail spry dataset. The default style is such that if I include 3 or more elements e.g. Thumb, etc., they are stacked vertically :
How do I move them so that they can be positioned differently? The look I am going for is one where the thumb image is positioned to the left while the other items are stacked alongside it so that the end effect for the master region would look like this:
I greatly appreciate the help! Thanks!
This is the complete 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=UTF-8" />
<title>Check :: Fashion+Lifestyle</title>
<link href="styles.css" rel="stylesheet" type="text/css" />
<script src="SpryAssets/SpryEffects.js" type="text/javascript"></script>
<script src="SpryAssets/SpryData.js" type="text/javascript"></script>
<script src="SpryAssets/SpryHTMLDataSet.js" type="text/javascript"></script>
<script src="SpryAssets/SpryMenuBar.js" type="text/javascript"></script>
<link href="SpryAssets/SpryMasterDetail_final.css" rel="stylesheet" type="text/css" />
<script type="text/javascript">
<!--
var cal4 = new Spry.Data.HTMLDataSet("calendarList.html", "calendarList", {sortOnLoad: "When", sortOrderOnLoad: "ascending"});
cal4.setColumnType("Thumb", "html");
cal4.setColumnType("Picture", "html");
cal4.setColumnType("When", "date");
function MM_effectAppearFade(targetElement, duration, from, to, toggle)
Spry.Effect.DoFade(targetElement, {duration: duration, from: from, to: to, toggle: toggle});
function closeAd() {
document.getElementById('adRollover').style.visibility='hidden';
function MM_effectBlind(targetElement, duration, from, to, toggle)
Spry.Effect.DoBlind(targetElement, {duration: duration, from: from, to: to, toggle: toggle});
function MM_effectSlide(targetElement, duration, from, to, toggle)
Spry.Effect.DoSlide(targetElement, {duration: duration, from: from, to: to, toggle: toggle});
function MM_effectGrowShrink(targetElement, duration, from, to, toggle, referHeight, growFromCenter)
Spry.Effect.DoGrow(targetElement, {duration: duration, from: from, to: to, toggle: toggle, referHeight: referHeight, growCenter: growFromCenter});
//-->
</script>
<link href="SpryAssets/SpryMenuBarHorizontal.css" rel="stylesheet" type="text/css" />
</head>
<body>
<div id="pageContainer">
<div id="adBanners">
<div id="halfBanner"><a href="#" onClick="document.getElementById('adRollover').style.visibility='visible';"><img src="images/banner_half_1.jpg" alt="Half Banner" width="237" height="90" /></a></div>
<div id="leaderboardBanner"><a href="#"><img src="images/banner_leaderboard_1.jpg" width="728" height="90" alt="Leaderboard Banner" /></a></div>
<div class="clearFloats"></div>
</div><!--div#adBanners-->
<div id="mainHeader">
<div id="homepageLink"><a href="index.html"><img src="images/spacer.gif" width="400" height="100" /></a></div>
<ul id="MenuBar1" class="MenuBarHorizontal">
<li><a href="feature.html">FEATURES</a></li>
<li><a href="#">FASHION</a></li>
<li><a href="calendar.html" class="on">CALENDAR</a></li>
<li><a href="#">VIDEO</a></li>
<li><a href="blog.html">BLOG</a></li>
</ul>
</div><!--div#mainHeader-->
<div class="MasterDetail">
<div class="DetailContainer" id="event" spry:detailregion="cal4">
<div class="DetailPicture">{Picture}</div>
<div class="DetailColumn DetailTitle">{What}</div>
<div class="DetailColumn"><div class="DetailLabel">WHEN:</div> {When}
</div>
<div class="DetailColumn"><div class="DetailLabel">WHERE:</div> {Where}
</div>
<div class="DetailColumn">{Details}</div>
</div>
<div id="calHeader"><p><img src="images/calendar_hdr.gif" width="492" height="100" /></p></div>
<div spry:region="cal4" class="MasterContainer" onclick="MM_effectAppearFade(this, 1000, 0, 100, false); MM_effectBlind('event', 1000, '0%', '100%', false);">
<div class="MasterColumn" spry:repeat="cal4" spry:setrow="cal4" spry:hover="MasterColumnHover" spry:select="MasterColumnSelected"><div class="MasterColumnPicture">{Thumb}</div>
<div class="MasterColumnTitle">{What}</div>
<div class="MasterColumnText"><div class="DetailLabel">WHEN:</div> {When}</div>
<div class="MasterColumnText"><div class="DetailLabel">WHERE:</div> {Where}</div>
<div style="clear:both"></div>
</div>
</div>
<br style="clear:both" />
</div>
</div><!--div#pageContainer-->
<div id="footer">
<div class="text">Use of this site constitutes acceptance of our User Agreement and Privacy Policy. © 2008 Adobe All rights reserved. The material on this site may not be reproduced, distributed, transmitted, cached, or otherwise used, except with the prior written permission of Adobe is a trademark owned by Adobe.</div>
</div><!--div#footer-->
<div id="adRollover" style="visibility: hidden;">
<script language="javascript">
if (AC_FL_RunContent == 0) {
alert("This page requires AC_RunActiveContent.js.");
} else {
AC_FL_RunContent(
'codebase', 'http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=8,0,0,0',
'width', '536',
'height', '479',
'src', 'watch_ad',
'quality', 'high',
'pluginspage', 'http://www.macromedia.com/go/getflashplayer',
'align', 'middle',
'play', 'true',
'loop', 'true',
'scale', 'showall',
'wmode', 'transparent',
'devicefont', 'false',
'id', 'watch_ad',
'bgcolor', '#ffffff',
'name', 'watch_ad',
'menu', 'true',
'allowFullScreen', 'false',
'allowScriptAccess','sameDomain',
'movie', 'watch_ad',
'salign', ''
); //end AC code
</script>
<noscript>
<object classid="clsid:d27cdb6e-ae6d-11cf-96b8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=8,0,0,0" width="536" height="479" id="watch_ad" align="middle">
<param name="allowScriptAccess" value="sameDomain" />
<param name="allowFullScreen" value="false" />
<param name="movie" value="watch_ad.swf" /><param name="quality" value="high" /><param name="bgcolor" value="#ffffff" />
<param name="wmode" value="transparent" /><embed src="watch_ad.swf" quality="high" bgcolor="#ffffff" width="536" height="479" name="watch_ad" align="middle" allowScriptAccess="sameDomain" allowFullScreen="false" type="application/x-shockwave-flash" pluginspage="http://www.macromedia.com/go/getflashplayer" />
</object>
</noscript>
</div>
<script type="text/javascript">
<!--
var MenuBar1 = new Spry.Widget.MenuBar("MenuBar1", {imgDown:"SpryAssets/SpryMenuBarDownHover.gif", imgRight:"SpryAssets/SpryMenuBarRightHover.gif"});
//-->
</script>
</body>
</html>
Similar Messages
-
In Lightroom mobile how can move photos within the collection????
In Lightroom mobile how can move photos within the collection????
What you can do is to move (or copy) a photo form one collection to another. This can be triggered via the top right app menu item from grid view. Same menu is available when you open up an image for editing. Hope that helps. -Guido
-
How to make use of adjacent data elements within the same buffer
Hi,
Does anyone know how to make use of adjacent data elements within the same buffer? To make my question clearly, I would like to give you an example. In my application, I set "sample to read" as 10 which means at each loop 10 data samples will be taken into a buffer. Now, what I would like to do is to do some calculations on adjacent data samples in same buffer. I tried to use "shift register" for this, but it seemed to me that it only can deal with the calculation between data from adjacent loops. In other words, it skips 9 data elements and take the 10th one for the calculation.
Here I also attach my VI showing what I did.
Thank you very much in advance,
Suksun
Attachments:
wheel_encoder_1.vi 98 KBHi Suksun,
I hope you'll forgive me for distilling your code - mainly to understand it better. I tried to duplicate your logic exactly - which required reversing the "derivatives"-array before concatination with the current samples array. As in your code, the last velocity is being paired with the first position. If first velocity is really supposed to be paired with first position, just remove the "Reverse 1D Array" node.
cheers
Message Edited by Dynamik on 01-07-2006 03:17 AM
Message Edited by Dynamik on 01-07-2006 03:19 AM
When they give imbeciles handicap-parking, I won't have so far to walk!
Attachments:
encoder2.GIF 14 KB
encoder2.vi 102 KB -
How do I copy just the main region of a looped region & not the loops?
How do I copy just the main region of a looped region & not the looped bits?
Sometimes on the last iteration of a loop, I want to make a slight change in the notes, and therefore need to insert and actual copy. When I copy the original region and paste it, it overwrites everything that follows...deleting a whole bunch of arranging that I just did. Is there a command to copy only the original region? Otherwise I have to unloop the region, copy, insert, and reloop the region. ThanksEither you have a lot of Pages breaks which you can delete or you have aded a Pages break which you also can delete. Turn on the invisible characters View > Show Invisibles. You will see blue characters.
-
How to move floats to the next page?
Hi All,
Can anyone help me on this?
How to move floats to the next page the same position?
Thanks in advance@Learner – you can duplicate the object to the next page and remove the original.
If the original one is anchored you also have to account for its position, because duplicating an anchored object will move it.
Here an example for duplicating a selected object to the same page.
//DuplicateAnchoredObject_SELECTION_SNIPPET.jsx
//Uwe Laubender
* @@@BUILDINFO@@@ DuplicateAnchoredObject_SELECTION_SNIPPET.jsx !Version! Fri Apr 12 2013 07:53:31 GMT+0200
var sel = app.selection[0];
var x = sel.geometricBounds[1];
var y = sel.geometricBounds[0];
//The duplicate() method without an optional argument:
var dup = sel.duplicate();
//NOW: the duplicated objects is at the inner border of the page
//To move it to its original position we need the following:
var xd = dup.geometricBounds[1];
var yd = dup.geometricBounds[0];
dup.move(undefined,[x-xd,y-yd]);
That snippet can be enhanced for duplicating to a certain page, because the duplicate() methods can take arguments like "Page", "Layer", "Spread" etc. For details see the DOM documentation at:
http://www.jongware.com/idjshelp.html
One caution here: to make that work the way you want with facing pages, you have to take into account, that your coordinate system must be changed to "per page" by the property "RulerOrigin" of the ViewPreferences.
This said, here is a working example for duplicating a selected object to page 3 of the current document:
//DuplicateAnchoredObject_TO-DIFFERENT-PAGE_SELECTION_SNIPPET.jsx
//Uwe Laubender
* @@@BUILDINFO@@@ DuplicateAnchoredObject_TO-DIFFERENT-PAGE_SELECTION_SNIPPET.jsx !Version! Tue May 14 2013 10:11:29 GMT+0200
var d=app.documents[0];
var oldRulerOrigin = d.viewPreferences.rulerOrigin;
var sel = app.selection[0];
var x = sel.geometricBounds[1];
var y = sel.geometricBounds[0];
//In case of facing pages we change the ruler origin:
d.viewPreferences.rulerOrigin = RulerOrigin.PAGE_ORIGIN;
//Duplication of selected object:
var dup = sel.duplicate(d.pages[2]);
//NOW: the duplicated objects is at the inner border of the page
//To move it to its original position we need the following:
var xd = dup.geometricBounds[1];
var yd = dup.geometricBounds[0];
dup.move(undefined,[x-xd,y-yd]);
//Restore the original ruler origin:
d.viewPreferences.rulerOrigin = oldRulerOrigin;
Of course, thiese snippets are working also with not anchored objects…
Uwe -
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. -
How do I link a Spry data set with a detail region to a html web site?
I have created a spry data set with a detail region. It works well. However, I would like to have a link from the detail region to another html web site. Can anyone help with the code? Below is the spry data set.
<?xml version="1.0" encoding="utf-8"?>
<books>
<book>
<title>The Advnentures of Crunchy and Munchy Squirrel: Field Nuts</title>
<author>Levester Williams</author>
<image>images/portfolio/tn_adventuresOfCrunchyAndMunchySquirrel.jpg</image>
<description>This delightful book for young readers teaches the importance of obedience and always doing what you know is right.</description> I
<weblink >www.crunchyandmunchy.com</weblink>
</book>
<book>
<title>More Dirty Little Secrets</title>
<author> Dr. Claud Anderson and Brant Anderson</author>
<image>images/portfolio/tn_moreDirtyLittleSecrets.jpg</image>
<description>In More Dirty Little Secrets, Dr. Claud Anderson and his son Brant Anderson, piece together little known facts about Black people, thier achievements, influence, involvement, tribulations and present them with wit and humor.</description>
<weblink>http://powernomics.com/</weblink>
</book>
</books>Hi,
In your html page, use the following notation:
<a href="http://{weblink}" title="{weblink}" target="_blank">{weblink}</a>
I hope this helps.
Ben -
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 -
How to i add an image path with spry data set
hi
how to i add an image path with spry data set. I made a xml file and then created a data set in html but image won't load
this is my XML
<?xml version="1.0" encoding="UTF-8"?>
<banner width = "185" height = "400">
<item>
<image scr = "nui-panforte-recipe_01.jpg" ></image>
<description>CHOC-COCONUT PANFORTE</description>
<text1>Try this delicious GLUTEN FREE Christmas treat</text1>
<text2>CHOC-COCONUT PANFORTE</text2>
</item>
</banner>
this is my 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/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("recipe_banner.xml", "banner/item");
//-->
</script>
</head>
<body>
<div spry:region="ds1">
<table>
<tr spry:repeat="ds1">
<td>{image}</td>
<td>{description}</td>
<td>{text1}</td>
<td>{text2}</td>
<td>{text3}</td>
<td>{text4}</td>
<td>{link}</td>
<td>{url}</td>
<td>{target}</td>
</tr>
</table>
</div>
</body>
</html>It would be helpfull if you actually created an <img> tag to start with
<img src="{image/@src}" />
would work. -
How to do something - Spry Data Set?
Hopefully David Powers is online this afternoon.
I would like to design a web page so that one record, and one record only, can be pulled from a XML file. Everything is in place but I am totally confused on how to do what I want to do using Spry.
The page in question can be viewed here. By clicking on the "Image Info" button in the navigation bar it opens a sub-window in the browser window displaying another HTML file. You can view the other HTML file here. This sub-file uses a Spry Tabbed Panel for ease of display for the end-user. Each tab is populated with data strings from a XML file. This XML file contains metadata for a collection of TIF images.
At present I am copying and pasting the data strings from the XML file into the second (overflow) file. As the records grow this will become extremely cumbersome and fraught with possible miscues. I would like the second file to call for a particular record from the XML file and display it. If the file 001-ovrflw.html is being opened then populate the placeholders with the appropriate record's information (001.tif) from the XML file.
Can someone show me just how to accomplish this using a Spry data set? And I am totally confused with Spry so please, be gentle. <grin> All I need is one sample using my set of data and then I am off and running. I have to do this for, at present, some 4,000 images. Each XML file will only contain about 800 records but there will be a XML file for each year.If a database is what I need then so be it. My hosting service allows me 25 databases and I have XAMPP and MySql already installed on my computer.
So then just how in tarnation do I go about setting up a database and hosting it to my service for use? And then how do I set up my files to access this database and extract that one record each file needs? I'm also assuming that I will have to somehow convert my XML file to a database.
The real shame is that the XML file has a header portion that is the same for each and every record. This information would have to be copied into each record in the database really ballooning the size — size equates to slower database access. And then it would take several days to convert the XML file by hand.
As I hope you can see; I am a total neophyte when it comes to databases. At least I have read about Spry data sets and was hoping that would serve my needs. And yeah, I don't want to purchase another book. I have enough of those laying around without the time to read them all. Of course such a book would dictate that I read the whole thing to learn how to change a light bulb. Kind of like a degree in mechanical engineering to flush a toilet. -
How do you set up Paged View with Spry Data Sets
Hope someone can help. I have constructed a Spry data set using a html table and want to use the paged view javascript to limit the amount of rows displayed on one page at a time to 10 then forcing a new page. Have found the java script file in the spry 1.6 download and attached it to the spry assets folder and have followed the instructions found at the Adobe development center http://labs.adobe.com/technologies/spry/articles/pager/index.html with no luck. Have attached files to show what I have done. If someone could look at this and point out my error or suggest a better way I would be grateful. I am not a code warrior so simple instructions would be so helpful. Many thanks in advance.
Here is the code
<!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 src="SpryAssets/SpryPagedView .js"></script>
<link href="SpryAssets/SpryMasterDetail.css" rel="stylesheet" type="text/css" />
<script type="text/javascript">
<!--
var ds1 = new Spry.Data.HTMLDataSet("table.html", "ds1", {sortOnLoad: "Name", sortOrderOnLoad: "ascending"});
ds1.setColumnType("Phone", "number");
var pv1 = new Spry.Data.PagedView( ds1 ,{pageSize: 10});
//-->
</script>
</head>
<body>
<input type="button" value="First" onclick="pv1.firstPage();" />
<input type="button" value="Prev" onclick="pv1.previousPage();" />
<input type="button" value="Next" onclick="pv1.nextPage();" />
<input type="button" value="Last" onclick="pv1.lastPage();" /
<div class="MasterDetail">
<div spry:region="ds1" class="MasterContainer">
<div class="MasterColumn" spry:repeat="ds1" spry:setrow="ds1" spry:hover="MasterColumnHover" spry:select="MasterColumnSelected">{Name}</div>
</div>
<div spry:detailregion="ds1" class="DetailContainer">
<div class="DetailColumn">{Name}</div>
<div class="DetailColumn">{Product}</div>
<div class="DetailColumn">{Contact}</div>
<div class="DetailColumn">{Phone}</div>
</div>
<br style="clear:both" />
</div>
<input type="button" value="First" onclick="pv1.firstPage();" />
<input type="button" value="Prev" onclick="pv1.previousPage();" />
<input type="button" value="Next" onclick="pv1.nextPage();" />
<input type="button" value="Last" onclick="pv1.lastPage();" /
</body>
</html>Your region needs to refer to the pageview, not the dataset. Your paged view var is already looking at/pulling in the ds.
I would change the following code:
<div spry:detailregion="ds1" class="DetailContainer">
<div class="DetailColumn">{Name}</div>
<div class="DetailColumn">{Product}</div>
<div class="DetailColumn">{Contact}</div>
<div class="DetailColumn">{Phone}</div>
</div>
to read the following:
<div spry:region="pv1">
<table>
<tr spry:repeat="pv1">
<td>{Name}</td>
<td>{Product}</td>
<td>{Contact}</td>
<td>{Phone}</td>
</tr>
</table>
Regards,
Michael -
How to move elements (figures and tables) to float
Hi all,
We have created an XSLT for the XML-IN in Indesign, its working fine and all the styles are applied automatically and figures and tables were placed as inline.
Now we need to move the INLINE elements to FLOATING.
How to move the INLINE elements such as figures and tables to Floating. This is for automation purpose.
We are stuck up, please suggest.
Our requirement is need to move the "figures" from "Inline" to "float" for auto pagination purpose.
Please give us a route to end with proper result. We are at learning stage of Java Script.
We use Indesign CS3 with JavaScript, I am not asking the full code, just give us an idea, how to pick from the XML tree and make it as float.
KavyaUse one of the selection tools, e.g. selection brush, lasso tool, to select the object, then place it on its own layer.
In your example, you would select the moon. You will see "marching ants" surrounding the selection, delineating the boundary of the selection and that it is active.
To place the object on its own layer, go to Layer menu>new> layer via copy, or CTRL+J. You will see the object surrounded by transparency (checkerboard pattern).
Use the move tool to position the moon object wherever you want
Place a blank layer below the layer created in step #2, then fill it with your new background.
You can select multiple objects and place them this way to suit. Again, back to your hypothetical of.10 objects on 10 layers, you can link these layers by pressing CTRL+left clicking on each of the 10 layers in the layers palette.
If you use the move tool, you will see that they move as a block. If you are unhappy with one of the layers as you go along, simply delete it, and replace it with a new one.
As for naming the layers, right click on a layer, and from the menu select "rename" layer to bring up the layers properties, then rename it to something meaningful.
Good luck with your project. -
How to merge pages within the same document?
Can I merge pages within the same pdf document? I have two large maps, an east and west, can I put the two pages together to make one map?
How different are the layouts?
You can vary the left and right pages:
+Inspector > Layout > Section > Configuration > Left and right pages are different+
But the position of the headers, footers and margins will be the same.
You could make different designs and capture those but each would have to be its own section. This sort of thing works better in Layout mode, where every page is a different section, but you won't get automatic text flow nor TOC, footnotes etc.
Pages rapidly gets very clumsy when you try to do detail layout to this extent.
Peter -
How to move up within a URL path?
Recently started using URLs in my programs. Works great. However, all the
time I have been wondering how to move up in that URL path. For example,
if my url1=("http://www.something.com/") I normally end up at the index.html.
But how could one set up a relative url reaching a file or directory at the same
level as that index.html? I suppose one should go up onel level and then
specify the name of the required file.
I tried to use things like url2= new URL(url1,"../myfile") but that doesn't seem
to work.
Anybody has an idea? Thanks in advance.
Dirkmartin@work wrote:
Hi,
you can't, if your web server provides the minimum of security. In the web server configuration you normally map a base url to a physical directory on the server and the web server does its very best to assure that you can only access files in that physical directory and below, and that all other files on the server in any upper or parallel directories are not accessible.
If you want to access files in a parallel directory then you have to create a further mapping in the web server which maps another base URL to that directory.
Martin To reinforce what Martin says: if you cannot do this with your web browser, don't expect to do it with Java.
On the other hand, if you can do it in your web browser, we misunderstood your question and please
reformulate it using actual URL's (or at least the portion following the host name).
Edited by: baftos on Apr 25, 2008 9:28 AM -
Nokia 6120 how to move messages to the memory card
hi,
I have to take my Nokia 6120 in to be fixed because it just stopped making any sounds, tones, alarms, and i couldn't hear anyone and they couldn't hear me.
anyway
now i want to save some of my text messages to my memory card before I give the guys my phone as they said they'd have to wipe it, but I can't work out how to do it
When I select the message and then say 'move to' i only get the option of 'my folder' which, as far as i can work out, isn't on the external memory card.
How can I move messages to the memory card??
Please help, I've spent an hour looking around the thing and cant find a way...it's driving me mad!
thanksI moved 2000 messages from mobile to memory card in N95. In messaging options I have just set "save messages on memory card" , after that mobile asked me if I want to copy all messages saved in mobile to memory card"
Maybe you are looking for
-
How do i transfer old account to new desk top
how do i transfer old account to new desk top
-
HT201210 ipod touch frozen on connect usb and will not sync
my ipod touch has frozen on connect usb and will not sync
-
Performance Problems with Web Layouts in web interface
Hello Gurus, We have a a BPS web interface tool which has the following design: 1> A web interface with several tabs 2> Each tab has around 3-4 input layouts which are dependent on each other 3> In all there are 120-140 layouts that the tool uses...
-
Recording audio from NI Maschine
I am fairly new to Logic Studio, but I have figured out some of the basics. I am having issues as I try to record the audio from my NI Maschine plugin. The issue is that I can plug in the Maschine as an insert in an audio instrument track, and I leav
-
Hi Is there any report in SAP to know the customer wise Sales Organisation wise sales order peport. we need to konw customer wise sales orders report period wise. how many salea orders we booked for the customer wise. EX: Customer No | Customer Name|