Marcus, if you deliver your content as HTML, all you have to do is insert it
into your document, you don't have to fuss with all this XML processing. You
can then attach an "click" event onto each thumbnail.
- jake
On 5/15/07, chillstroll <[EMAIL PROTECTED]> wrote:
>
>
> Jake,
> Not quite sure what you mean. As you can tell, I'm a JQuery newbie.
> The xml gets created from a content mgmt system and written to a file.
> I'm sure I could query the db and return all the required info and
> place in html instead of using a xml file; howver I'm not sure how
> this would solve my problem.
>
> I basically need to show a list of thumbnails along with the details
> of the first thumbnail when the page is loaded. Then when I click on
> any of the thumbnails, the details of that thumbnail is loaded/shown
> on the page without a browser refresh.
>
> Thanks!
> --Marcus Cox
>
>
> On May 15, 1:51 pm, "Jake McGraw" <[EMAIL PROTECTED]> wrote:
> > Chill:
> >
> > I've looked over what you've submitted, couple of suggestions:
> >
> > 1. You're delivering a lot of your data using Ajax, and nothing about
> your
> > application really takes advantage of JavaScript (other than hiding a
> bit of
> > the delivered information). You should consider delivering this
> information
> > when the page is requested and not use the JavaScript/XmlHttpRequest
> object
> > as a replacement for standard HTTP. Save Ajax for dynamic client side
> > applications that require small intermittent server requests, not whole
> page
> > loads.
> >
> > 2. All you're doing is modifying an XML document to display as HTML,
> which
> > means you're running a lot of one off translations (This node text
> should be
> > placed in this HTML node). Rather than delivering XML, if you must use
> the
> > XHR object, why not deliver the pre-formatted HTML?
> >
> > - jake
> >
> > On 5/15/07, chillstroll <[EMAIL PROTECTED]> wrote:
> >
> >
> >
> > > Sure thing..This is what I have so far:
> >
> > > XML DOC:
> > > <?xml version="1.0" encoding="ISO-8859-1"?>
> > > <schedule>
> > > <show>
> > > <date>Monday, May 14, 2007</date>
> > > <dayofweek>Monday</dayofweek>
> > > <image>051407.jpg</image>
> > > <title>San Antonio Hosts Training for Ministry
> > > Conference</title>
> > > <description>Text Here</description>
> > > <filename>2007-5-14.asx</filename>
> > > <guests/>
> > > <specialoffer>Names of God bracelet</specialoffer>
> > > <specialofferproductid>431</specialofferproductid>
> > > </show>
> > > <show>
> > > <date>Tuesday, May 15, 2007</date>
> > > <dayofweek>Tuesday</dayofweek>
> > > <image>051507.jpg</image>
> > > <title>Training for Ministry Conference Impacts the
> > > Alamo City</
> > > title>
> > > <description>More Text Here</description>
> > > <filename>2007-5-15.asx</filename>
> > > <guests/>
> > > <specialoffer>Names of God bracelet</specialoffer>
> > > <specialofferproductid>431</specialofferproductid>
> > > </show>
> > > </schedule>
> >
> > > JQUERY CODE:
> > > <script type="text/javascript">
> > > $(function() {
> > > $.ajax({url: 'tiydschedule.xml',
> > > type: 'GET',
> > > dataType: 'xml',
> > > timeout: 1000,
> > > error: function(){
> > > alert('Error loading XML document');
> > > },
> > > success: function(xml){
> > > $('show',xml).each(function(id){
> > > var date =
> $('date',this).text();
> > > var dayofweek =
> > > $('dayofweek',this).text();
> > > var image = $('image',this).text();
> > > var title = $('title',this).text();
> > > var description =
> > > $('description',this).text();
> > > var filename =
> $('filename',this).text();
> > > var guests = $('guests',this).text();
> > > var specialoffer =
> > > $('specialoffer',this).text();
> > > var specialofferproductid = $
> > > ('specialofferproductid',this).text();
> > > var divthumbnails =
> > > '<div><h4>'+dayofweek+'</h4><p><img
> > > src="/images/weekly_guide/'+image+'" class="today" width="105"
> > > height="75"/></p></div>';
> > > var divdetails = '<div
> > > id="'+dayofweek+'"><div><h4>'+date
> > > +'</h4></div><div><a href="/media/'+filename+'"><img src="/images/
> > > weekly_guide/'+image+'" /></a></div><h2>'+title+'<br/><a href="/
> > > media/'+filename+'">watch now»</a></h2><p>'+description+'</
> > > p><h3>Todays Offers:</h3><p><ul><li><a href="/shopping/
> > >
> product_detail.cfm/itemid/'+specialofferproductid+'">'+specialoffer+'</
> > > a></li></ul></p></div>';
> > > $('.wkguidedays').append(divthumbnails);
> > > $('.wkguidetoday').append(divdetails).hide();
> > > $('.wkguidetoday:first').show();
> > > });
> > > }
> > > });
> > > $('.wkguidetoday:first').show();
> > > });
> >
> > > </script>
> >
> > > HTML CODE:
> > > <div id="UserSection">
> > > <div class="section">
> > > <div class="wkguidedays"></div>
> >
> > > <div class="wkguidetoday"></div>
> > > </div>
> > > </div>
> >
> > > The thumbnail images show up in div "wkguidedays" class (working)..
> > > The first date's details, Monday, needs to initially show up in div
> > > "wkguidetoday" class (not working)
> > > Other date's details will show when clicked on (not implemented yet).
> >
> > > Thanks for the help!
> >
> > > --Marcus Cox
> >
> > > On May 15, 12:29 pm, "Benjamin Sterling"
> > > <[EMAIL PROTECTED]> wrote:
> > > > Marcus,
> > > > Would you mind sending what you have so far, my brain is not working
> > > real
> > > > well today and would help more if I have what you have?
> >
> > > > --
> > > > Benjamin
> Sterlinghttp://www.KenzoMedia.comhttp://www.KenzoHosting.com
>
>
> >
>
