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
--~--~---------~--~----~------------~-------~--~----~
You received this message because you are subscribed to the Google Groups
"jQuery (English)" group.
To post to this group, send email to jquery-en@googlegroups.com
To unsubscribe from this group, send email to [EMAIL PROTECTED]
For more options, visit this group at
http://groups.google.com/group/jquery-en?hl=en
-~----------~----~----~----~------~----~------~--~---
