ok awesome thanks for that info, I'll keep that in mind, i am running the example i gave from within a projects www folder yes.
Jørgen M. Skogås wrote: > Something that is important when you add javascript functionality (like > jQuery), you should always keep in mind that what you are > doing should work for search engine robots, screen readers and so forth. > > AJ Mercers code is a good example how to do it the right way. You can try to > disable javascript in your browser, you will > still get to the information when you click the readers name link, e.g. > http://cfobjective.com.au/speaker/webonix/ > > When you have javascript enabled, the jQuery function are stopping you to go > to http://cfobjective.com.au/speaker/webonix/ but > opens a modal window and loads the content from > http://cfobjective.com.au/speaker/webonix/view/displayTeaserStandard > > If you want to experience with this I always recommend to beginners that they > should keep the markup clean and simple and > always have the firebug, or your favorite debugging tools console open. > > Are you running this code inside a farcry projects www folder? > > Jørgen~ > > On 4. nov. 2010, at 13.36, Marco van den Oever wrote: > > > mmm i am trying a basic tutorial but getting no result: > > > > ------- > > > > <!--- import tag libs ---> > > <cfimport taglib="/farcry/core/tags/webskin" prefix="skin" /> > > > > <!--- load js and css ---> > > <skin:loadJS id="jquery" /> > > <skin:loadCSS id="jquery-ui" /> > > > > <!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> > > > > <script type="text/ > > javascript"> > > // when the dom is ready execute some code > > $(document).ready(function() { > > // when a link is clicked execute the alert > > $("a").click(function() { > > alert("Hello world!"); > > }); > > > > }); > > </script> > > > > <meta http-equiv="Content-Type" content="text/html; > > charset=iso-8859-1" /> > > <title>Untitled Document</title> > > </head> > > > > <body> > > > > <!--- this link executes the above click function jquery code ---> > > <a href="">Link</a> > > > > </body> > > </html> > > > > ------- > > > > On Nov 4, 1:07 pm, AJ Mercer <[email protected]> wrote: > >> there is some info on type (list) webskins > >> herehttps://farcry.jira.com/wiki/display/FCDEV50/UNIT+07+-+Webskins+II > >> <https://farcry.jira.com/wiki/display/FCDEV50/UNIT+07+-+Webskins+II> > >> > >> On 4 November 2010 19:57, Marco van den Oever > >> <[email protected]>wrote: > >> > >> > >> > >>> Awesome, I'll go and study this info! > >> > >>> On Nov 4, 12:28 pm, ""Jørgen M. Skogås"" <[email protected]> wrote: > >>>> Hi Marco > >> > >>>> How much jQuery do you know? If you are new to jQuery you should start > >>> with som tutorials or something:http://www.learningjquery.com/ > >> > >>>> It's nothing magic happening here, jQuery adds click functions to every > >>> <a class="speaker"> / $( "a.speaker" ) and takes the hrefs and ads another > >>> view to it, > >>>> you can how he did this if you look in the html code from the link AJ > >>> Mercer sent you: > >> > >>>> ... > >>>> <a href="/speaker/robin-hilliard" class="speaker">Robin Hilliard</a> > >> > >>>> ... > >>>> <script> > >>>> $(document).ready(function() { > >>>> //hide dialog div > >>>> $("#dialog").hide(); > >> > >>>> $( "a.speaker" ).each( > >>>> // hijack link to open dialog > >>>> function( intIndex ){ > >>>> $( this ).bind ("click",function(){ > >>>> // load content, on complete fill the > >>> dialog div, then show the dialog > >>>> $('#dialog').load(this.href + > >>> "/view/displayTeaserStandard", function() { > >>>> $('#dialog').dialog({ title: > >>> "Speaker Information", modal: true, autoOpen: true, minheight: 100, > >>> height:400,width: 500 }) > >>>> }); > >>>> return false; > >>>> }); > >>>> } > >>>> );}); > >> > >>>> </script> > >> > >>>> <div id="dialog" title="Dialog Title">speaker info here</div> > >> > >>>> And ofcourse you will need to load the jQuery js and css (jquery-ui) wih > >>> the farcry tags, you do this like this: > >> > >>>> <!--- import tag libs ---> > >>>> <cfimport taglib="/farcry/core/tags/webskin" prefix="skin" /> > >> > >>>> <!--- load js and css ---> > >>>> <skin:loadJS id="jquery" /> > >>>> <skin:loadCSS id="jquery-ui" /> > >> > >>>> Jørgen~ > >> > >>>> On 4. nov. 2010, at 12.12, Marco van den Oever wrote: > >> > >>>>> That is pretty nice, but to be honest i have really no idea where to > >>>>> start, what is all included. Must be my lack of ajax knowledge in > >>>>> general, a simple example on how to call a webskin would be explaining > >>>>> a lot to me i think, could you give such? > >> > >>>>> On Nov 4, 11:24 am, AJ Mercer <[email protected]> wrote: > >>>>>> if you create type webskin you can call this via ajax > >> > >>>>>> eghttp://cfobjective.com.au/programclickona speaker > >>>>>> it called the same webskin used by > >>>>>> http://cfobjective.com.au/speaker/webonix > >> > >>>>>> <http://cfobjective.com.au/program> > >> > >>>>>> On 4 November 2010 17:51, Marco van den Oever < > >>> [email protected]>wrote: > >> > >>>>>>> So from within the framework but not through formtools. > >> > >>>>>>> On Nov 4, 10:50 am, Marco van den Oever <[email protected]> > >>>>>>> wrote: > >>>>>>>> Thanks, wish there were more examples on how to do simple stuff > >>> like: > >> > >>>>>>>> http://d2o0t5hpnwv4c1.cloudfront.net/412_ajaxCalls/DEMO/index.htm > >> > >>>>>>>> There is a lot off info but i can't grasp what i need from it, i > >>>>>>>> simple want to use ajax in my own code not in formtools etc. > >> > >>>>>>>> On Nov 4, 2:04 am, AJ Mercer <[email protected]> wrote: > >> > >>>>>>>>> this might get you started > >>>>>>>>> ftwatch > >>>>>>>>> https://farcry.jira.com/wiki/display/FCDEV50/State > >> > >>>>>>>>> <https://farcry.jira.com/wiki/display/FCDEV50/State>ajax forms > >>>>>>>>> https://farcry.jira.com/wiki/display/FCDEV40/Formtools+Tags > >>>>>>>>> <https://farcry.jira.com/wiki/display/FCDEV40/Formtools+Tags> > >> > >>>>>>>>> On 3 November 2010 22:11, Marco van den Oever < > >>>>>>> [email protected]>wrote: > >> > >>>>>>>>>> I am looking into the jQuery.ajax() etc. functions. > >>>>>>>>>> Is there anyone having a simple example of using this within the > >>>>>>>>>> farcry framework? > >> > >>>>>>>>>> -- > >>>>>>>>>> You received this message cos you are subscribed to "farcry-dev" > >>>>>>> Google > >>>>>>>>>> group. > >>>>>>>>>> To post, email: [email protected] > >>>>>>>>>> To unsubscribe, email: > >>>>>>>>>> [email protected]<farcry-dev%[email protected]> > >>> <farcry-dev%[email protected]<farcry-dev%[email protected]> > >> > >>>>>>> <farcry-dev%[email protected]<farcry-dev%[email protected]> > >>> <farcry-dev%[email protected]<farcry-dev%[email protected]> > >> > >>>>>>>>>> For more options:http://groups.google.com/group/farcry-dev > >>>>>>>>>> -------------------------------- > >>>>>>>>>> Follow us on Twitter:http://twitter.com/farcry > >> > >>>>>>>>> -- > >> > >>>>>>>>> *AJ Mercer* > >>>>>>>>> <webonix:net strength="Industrial" /> <http://webonix.net> | > >>>>>>> <webonix:org > >>>>>>>>> community="Open" /> <http://webonix.org>http://twitter.com/webonix > >> > >>>>>>> -- > >>>>>>> You received this message cos you are subscribed to "farcry-dev" > >>> Google > >>>>>>> group. > >>>>>>> To post, email: [email protected] > >>>>>>> To unsubscribe, email: > >>>>>>> [email protected]<farcry-dev%[email protected]> > >>> <farcry-dev%[email protected]<farcry-dev%[email protected]> > >> > >>>>>>> For more options:http://groups.google.com/group/farcry-dev > >>>>>>> -------------------------------- > >>>>>>> Follow us on Twitter:http://twitter.com/farcry > >> > >>>>>> -- > >> > >>>>>> *AJ Mercer* > >>>>>> <webonix:net strength="Industrial" /> <http://webonix.net> | > >>> <webonix:org > >>>>>> community="Open" /> <http://webonix.org>http://twitter.com/webonix > >> > >>>>> -- > >>>>> You received this message cos you are subscribed to "farcry-dev" Google > >>> group. > >>>>> To post, email: [email protected] > >>>>> To unsubscribe, email: > >>>>> [email protected]<farcry-dev%[email protected]> > >>>>> For more options:http://groups.google.com/group/farcry-dev > >>>>> -------------------------------- > >>>>> Follow us on Twitter:http://twitter.com/farcry > >> > >>> -- > >>> You received this message cos you are subscribed to "farcry-dev" Google > >>> group. > >>> To post, email: [email protected] > >>> To unsubscribe, email: > >>> [email protected]<farcry-dev%[email protected]> > >>> For more options:http://groups.google.com/group/farcry-dev > >>> -------------------------------- > >>> Follow us on Twitter:http://twitter.com/farcry > >> > >> -- > >> > >> *AJ Mercer* > >> <webonix:net strength="Industrial" /> <http://webonix.net> | <webonix:org > >> community="Open" /> <http://webonix.org>http://twitter.com/webonix > > > > -- > > You received this message cos you are subscribed to "farcry-dev" Google > > group. > > To post, email: [email protected] > > To unsubscribe, email: [email protected] > > For more options: http://groups.google.com/group/farcry-dev > > -------------------------------- > > Follow us on Twitter: http://twitter.com/farcry > > > > -- You received this message cos you are subscribed to "farcry-dev" Google group. To post, email: [email protected] To unsubscribe, email: [email protected] For more options: http://groups.google.com/group/farcry-dev -------------------------------- Follow us on Twitter: http://twitter.com/farcry
