1/ Unicity verified : OK; 2/ Call to personneGeneral at the end of the payload list (look at my message of the 6 jan 17:05) 3/ jslint test passed OK (Many thanks for this tool which I did not knew - Excellent !) 4 / console.log("at the top of personneGeneral.js"); console.log("At the end of the list of click event callback"); displayed ont he console in execution.
But the script is always inactive As I told you preceedingly The first tab of "onglets" generate three requests - for "personneGeneral.php" (GET http://localhost/GeneamaniaTest/Pages/personneGeneral.php) - for jQuery-1.3.2.min.js (GET http://localhost/GeneamaniaTest/Library/js/jquery-1.3.2.min.js?_=1262856615142) - from personneGeneral.js (GET http://localhost/GeneamaniaTest/jscripts/generalPersonne.js?_=1262856615295) followed by the console statements "At the top of personneGeneral.js" "At the end of the list of click event callback" The style script "personneGeneral.css" is not requested here, but precedeengly among the requests of the containing page GET http://localhost/GeneamaniaTest/Pages/css/generalPersonne.css Firefox uses this style script in the displayed tab whose aspect is ok 2/ In Internet explorer the contained display does not take advantage of this style script "personneGeneral.css" On 6 jan, 17:12, Steven Black <ste...@stevenblack.com> wrote: > THERFORE, if I understand correctly, the .click() events in the new > content are not being bound. > > Question 1: are the elements witrh id= 'ajoutNom', 'validNom', and > 'annulNom' unique in the context of the whole consolidated page? I > ask because id attributes are supposed to be unique and this is a > common mistake by javascript developers. > > Question 2: is the call to personneGeneral.js at the top or at the > bottom of the new payload? Put the call to the .js file, at the > bottom of the payload, just to be sure. This makes sense from a > performance perspective too. > > Suggestion: Assuming Firebug, temporarily sprinkle a few statements in > personneGeneral.js like these below, and watch the console window. > > console.log("at the top of personneGeneral.js"); > > console.log("Now I'm executing inside document ready"); > > console.log("Now I'm in a click event callback"); > > Another suggestion: running the .js throughhttp://jslint.comis > always helpful. > > **--** Steve > > On Jan 6, 2:55 am, softdaemon <c.de.longe...@sfr.fr> wrote: > > > I will try to explain clearly the actual structure > > > Page <Edition_Personne> containing the tabs definition with in > > particular : > > ==================================================== > > Its own links concerning the specific behaviour of the containing page > > for titles, tabs, and local accessories > > - its own style script <Edition_persqonne.css > > > - its own action script <EditionPersonne.js> > > In the page code : > > <div id="onglets" > > > <ul> > > <li><a > > href="./personneGeneral.php"><span>General</span></a></li> > > ...................... > > In the jsscript > > $(document).ready(function(){ > > $('#onglets').tabs(); > > }); > > > Page contained : <personneGeneral.php> (able to act for tests as > > standalone) with : > > ============================================================ > > Its own links (unmodified from upwards) for : > > - its own style script: <personneGeneral.css> > > - its own action script <personneGeneral.js> with actions defined as : > > $(document).ready(function(){ > > $('#ajoutNom').click(function(){ > > $('#setNom').css('display','block'); > > $('#nouveauNom').focus(); > > }); > > > > $('#validNom').click(function(){ajouteData('nom',$('#nouveauNom').val > > ());}); > > $('#annulNom').click(function(){annulNom();}); > > ......................................... > > > As standalone the page <personneGeneral.php> acts perfectly for style > > as for action > > As contained page the "same" page displays perfetcly for style > > But the function for $('#ajoutNom') (for example) is unacting > > > Firebug (in Firefox) from the displayed result (tabs with the > > contained form) seems to notice that all the necessary scripts and in > > particular the <personneGeneral.js> are loaded. > > > Can you have a clear idea of my prblem with that > > I dont find what to imagine to have a structured solution. > > So many thanks for your interest > > > Charles > > > On 5 jan, 19:12, Steven Black <ste...@stevenblack.com> wrote: > > > > ah! Question: is there script code therein that actually fires > > > something? You'll need that. > > > > See, if you just load some divs (say) that you expect to be styled, > > > tabs won'd re-fire in the presence of these new structures. Anything > > > coming-in after the fact will need its own trigger to invoke ui-tabs. > > > > It's hard to say because I don't have a clear picture of what you are > > > attempting to do but, quite likely, you're missing a trigger-to-action > > > in your new js. > > > > **--** Steve > > > > On Jan 5, 11:09 am, softdaemon <c.de.longe...@sfr.fr> wrote: > > > > > Sorry - unattented interrupt !! > > > > > When I load the tabs page which in turn loads the contained page, the > > > > contained page loads and is correctly displayed. > > > > Firebug seems to thinck that the action script is correctly loaded > > > > But it has no action > > > > > Charles > > > > > On 5 jan, 15:36, softdaemon <c.de.longe...@sfr.fr> wrote: > > > > > > Space verified and one more added > > > > > > I use Firebug in Firefox por my tests > > > > > > When I load the contained page alone the action script loads AND is > > > > > active > > > > > > When I load the tabs page which in turn loads the contained page, the > > > > > contained pa > > > > > > On 4 jan, 20:06, Steven Black <ste...@stevenblack.com> wrote: > > > > > > > You need a space between the type and src attributes in the script > > > > > > tag. > > > > > > > **--** Steve > > > > > > > On Jan 4, 12:08 pm, softdaemon <c.de.longe...@sfr.fr> wrote: > > > > > > > > I want to load a content in a page containing tabs ( jQuery 1.3.2 > > > > > > > - > > > > > > > jQuery UI tabs 1.7.2) with > > > > > > > > <li><a > > > > > > > href="./Onglets/personneGeneral.php"><span>General</span></a></ > > > > > > > li> > > > > > > > > The script <personneGeneral.php> contains some lines as > > > > > > > <script type='text/javascript'src='/GeneamaniaTest/jscripts/ > > > > > > > generalPersonne.js' ></script> > > > > > > > > But this script does not load and the contained page is inactive. > > > > > > > > Any ideas ? > > > > > > > > (Sorry for my english !)
-- You received this message because you are subscribed to the Google Groups "jQuery UI" group. To post to this group, send email to jquery...@googlegroups.com. To unsubscribe from this group, send email to jquery-ui+unsubscr...@googlegroups.com. For more options, visit this group at http://groups.google.com/group/jquery-ui?hl=en.