Re: Javascript from panel does not work
I found the solution In my class, I declare this attr: ResourceReference SHORTCUTS_CSS = new CompressedResourceReference(New_Policy.class,"/css/style.css"); ResourceReference SHORTCUTS_JAVASCRIPT = new CompressedResourceReference(New_Policy.class,"/js/jquery-1.3.2.min.js"); ResourceReference SHORTCUTS_JAVASCRIPT2 = new CompressedResourceReference(New_Policy.class,"/js/ToggleHighLigh.js"); Implement the interfaz: IHeaderConstributor In its method I ask to render my JS and CSS: @Override public void renderHead(IHeaderResponse response) { response.renderCSSReference(SHORTCUTS_CSS); response.renderJavascriptReference(SHORTCUTS_JAVASCRIPT); response.renderJavascriptReference(SHORTCUTS_JAVASCRIPT2); response.renderOnLoadJavascript("alert('page loaded!');"); } And, that's it!!! The last problem that I have, is, on my DataView, the items are declared "final", that is the reason because on RunTime, the row does not get highlighted. Now I avanced on my app Thanks for the help every body Con eso ya puedo hacer referencia a mis clases felizmente, me funciona el JS perfectamente, y todo. Ahora, me di cuenta, que, dentro de mi DataView, no es añadida la clase que necesito (la que sombrea la fila), porque el item (la fila), en su populateItem, es trabajado como final (es decir, no modificable) Total que ahora me toca inventarme una para hacer funcionar esto en mi tabla (es por ello que cuando apago el servidor si me funciona la cosa en la tabla) Se hizo la luz! -- | Daniela Valero "No hay vientos favorables para quien no sabe a donde quiere ir!
Re: Javascript from panel does not work
Well, i tried everithing- Finally y do it almost work with and JavascriptPackageResource, but now, it works only a few seconds when the panel is loaded, then it doest not work any more Here I post one way: String p1 = "/views/js/ToggleHighLigh.js"; String p2 = "/views/js/jquery-1.3.2.min.js"; String contextPath = ((WebRequest)getRequest()).getHttpServletRequest().getContextPath(); final String pathToggle = contextPath + p1; final String pathJquery = contextPath + p2; dataView.add(JavascriptPackageResource.getHeaderContribution(pathJquery)); dataView.add(JavascriptPackageResource.getHeaderContribution(pathToggle)); And here the other way $(function() { $('.fieldRow input').focus(function(){ $(this).parents('.fieldRow').toggleClass("text_field"); }); }); This is my function $(document).ready(function(){ $('.row').click(function(event) { $(this).parents('.row').toggleClass("highLightedRow",$(this).hasClass("highLightedRow")); alert("welcome to 2"); if ($(event.target).is('.row')) { $(event.target).toggleClass('highlighted'); } }); }); I check and the JS are being loaded. I put a JS message and it works, but my JQuery does not work on panels 2010/4/7 Daniela Valero > Thanks!!! Very much !!! > > > I going to check this out now > > 2010/4/7 Jeremy Thomerson > >> Again, do NOT generate hard-coded URL references. Please see the very >> first >> code line from: >> >> http://chillenious.wordpress.com/2006/05/03/wicket-header-contributions-with-behaviors/ >> >> < >> http://chillenious.wordpress.com/2006/05/03/wicket-header-contributions-with-behaviors/ >> >Specifically, >> this line: c.add(HeaderContributor.forJavaScript(MyComponent.class, >> "myscript.js"); >> >> NOTE: if you are on 1.4, this class will be deprecated, but the javadoc >> will >> point you to the newer class. >> >> -- >> Jeremy Thomerson >> http://www.wickettraining.com >> >> >> >> On Wed, Apr 7, 2010 at 9:07 AM, Daniela Valero >> wrote: >> >> > I wrote the header constributor, and nothing >> > >> > >> > public void renderHead(IHeaderResponse response) { >> >response.renderJavascriptReference(" >> > http://localhost:8080/FrontEnd/views/js/ToggleHighLigh.js";); >> >response.renderJavascriptReference(" >> > http://localhost:8080/FrontEnd/views/js/jquery-1.3.2.min.js";); >> > >> >} >> > >> > 2010/4/7 Daniela Valero >> > >> > > I wrapped my JS on wicket:link, and I wrote the absolute url, like >> this >> > > >> > > http://localhost:8080/FrontEnd/views/js/jquery-1.3.2.min.js</a> >> "> >> > > >> > > Now, the files are loaded, I can see it from firebug, but still not >> > workin >> > > : >> > > >> > > >> > > 2010/4/7 Jeremy Thomerson >> > > >> > > This is what I was trying to tell you. Please load your resources >> > >> correctly. Either use a ResourceReference with a class to create the >> > URL >> > >> correctly, or wrap your script tags in tags. >> > >> >> > >> -- >> > >> Jeremy Thomerson >> > >> http://www.wickettraining.com >> > >> >> > >> >> > >> >> > >> On Wed, Apr 7, 2010 at 8:42 AM, Daniela Valero >> > >> wrote: >> > >> >> > >> > I got on firebug the same message from css file, but it is working >> > fine. >> > >> > (it >> > >> > is being called from Page parent) >> > >> > >> > >> > 2010/4/7 Daniela Valero >> > >> > >> > >> > > You are right stefan, the JS file is not being loaded, on firebug >> i >> > >> got >> > >> > > >> > >> > > Failed to load source for: >> > >> > > http://localhost:8080/FrontEnd/views/js/ToggleHighLigh.js >> > >> > > >> > >> > > but, I tryed to acces directly to that url and I get the js >> > >> > > >> > >> > > 2010/4/7 Stefan Lindner >> > >> > > >> > >> > > To make it sure (it'
Re: Javascript from panel does not work
Thanks!!! Very much !!! I going to check this out now 2010/4/7 Jeremy Thomerson > Again, do NOT generate hard-coded URL references. Please see the very > first > code line from: > > http://chillenious.wordpress.com/2006/05/03/wicket-header-contributions-with-behaviors/ > > < > http://chillenious.wordpress.com/2006/05/03/wicket-header-contributions-with-behaviors/ > >Specifically, > this line: c.add(HeaderContributor.forJavaScript(MyComponent.class, > "myscript.js"); > > NOTE: if you are on 1.4, this class will be deprecated, but the javadoc > will > point you to the newer class. > > -- > Jeremy Thomerson > http://www.wickettraining.com > > > > On Wed, Apr 7, 2010 at 9:07 AM, Daniela Valero > wrote: > > > I wrote the header constributor, and nothing > > > > > > public void renderHead(IHeaderResponse response) { > >response.renderJavascriptReference(" > > http://localhost:8080/FrontEnd/views/js/ToggleHighLigh.js";); > >response.renderJavascriptReference(" > > http://localhost:8080/FrontEnd/views/js/jquery-1.3.2.min.js";); > > > >} > > > > 2010/4/7 Daniela Valero > > > > > I wrapped my JS on wicket:link, and I wrote the absolute url, like this > > > > > > http://localhost:8080/FrontEnd/views/js/jquery-1.3.2.min.js"</a>;> > > > > > > Now, the files are loaded, I can see it from firebug, but still not > > workin > > > : > > > > > > > > > 2010/4/7 Jeremy Thomerson > > > > > > This is what I was trying to tell you. Please load your resources > > >> correctly. Either use a ResourceReference with a class to create the > > URL > > >> correctly, or wrap your script tags in tags. > > >> > > >> -- > > >> Jeremy Thomerson > > >> http://www.wickettraining.com > > >> > > >> > > >> > > >> On Wed, Apr 7, 2010 at 8:42 AM, Daniela Valero > > >> wrote: > > >> > > >> > I got on firebug the same message from css file, but it is working > > fine. > > >> > (it > > >> > is being called from Page parent) > > >> > > > >> > 2010/4/7 Daniela Valero > > >> > > > >> > > You are right stefan, the JS file is not being loaded, on firebug > i > > >> got > > >> > > > > >> > > Failed to load source for: > > >> > > http://localhost:8080/FrontEnd/views/js/ToggleHighLigh.js > > >> > > > > >> > > but, I tryed to acces directly to that url and I get the js > > >> > > > > >> > > 2010/4/7 Stefan Lindner > > >> > > > > >> > > To make it sure (it's better than just belive it): Take e.g. > firefox > > >> with > > >> > >> fiurebug-plugin. Inspect the head scetion of the page. There go > to > > >> the > > >> > >> tag and expand the tag. IF the js-file is > > referenced > > >> > >> correctly and if it is loaded then the content should be visible > in > > >> > firebug. > > >> > >> Or place a simple > > >> > >> > > >> > >>alert('I am loaded'); > > >> > >> > > >> > >> in your js files. > > >> > >> > > >> > >> If you need the jQuery date picker try wicketsruff/jwicket. There > > you > > >> > will > > >> > >> find a ready to use implementation of jQuery's DatePicker. And it > > >> works > > >> > in > > >> > >> Panels. > > >> > >> > > >> > >> Stefan > > >> > >> > > >> > >> -Ursprüngliche Nachricht- > > >> > >> Von: Daniela Valero [<a rel="nofollow" href="mailto:danielavalero...@gmail.com">mailto:danielavalero...@gmail.com</a>] > > >> > >> Gesendet: Mittwoch, 7. April 2010 15:28 > > >> > >> An: users@wicket.apache.org > > >> > >> Betreff: Re: Javascript from panel does not work > > >> > >> > > >> > >> 2010/4/6 Jeremy Thomerson <jer...@wickettraining.com> > > >> > >> > > >> > >> > Please make sure that your JS files are
Re: Javascript from panel does not work
Again, do NOT generate hard-coded URL references. Please see the very first code line from: http://chillenious.wordpress.com/2006/05/03/wicket-header-contributions-with-behaviors/ <http://chillenious.wordpress.com/2006/05/03/wicket-header-contributions-with-behaviors/>Specifically, this line: c.add(HeaderContributor.forJavaScript(MyComponent.class, "myscript.js"); NOTE: if you are on 1.4, this class will be deprecated, but the javadoc will point you to the newer class. -- Jeremy Thomerson http://www.wickettraining.com On Wed, Apr 7, 2010 at 9:07 AM, Daniela Valero wrote: > I wrote the header constributor, and nothing > > > public void renderHead(IHeaderResponse response) { >response.renderJavascriptReference(" > http://localhost:8080/FrontEnd/views/js/ToggleHighLigh.js";); >response.renderJavascriptReference(" > http://localhost:8080/FrontEnd/views/js/jquery-1.3.2.min.js";); > >} > > 2010/4/7 Daniela Valero > > > I wrapped my JS on wicket:link, and I wrote the absolute url, like this > > > > http://localhost:8080/FrontEnd/views/js/jquery-1.3.2.min.js"</a>;> > > > > Now, the files are loaded, I can see it from firebug, but still not > workin > > : > > > > > > 2010/4/7 Jeremy Thomerson > > > > This is what I was trying to tell you. Please load your resources > >> correctly. Either use a ResourceReference with a class to create the > URL > >> correctly, or wrap your script tags in tags. > >> > >> -- > >> Jeremy Thomerson > >> http://www.wickettraining.com > >> > >> > >> > >> On Wed, Apr 7, 2010 at 8:42 AM, Daniela Valero > >> wrote: > >> > >> > I got on firebug the same message from css file, but it is working > fine. > >> > (it > >> > is being called from Page parent) > >> > > >> > 2010/4/7 Daniela Valero > >> > > >> > > You are right stefan, the JS file is not being loaded, on firebug i > >> got > >> > > > >> > > Failed to load source for: > >> > > http://localhost:8080/FrontEnd/views/js/ToggleHighLigh.js > >> > > > >> > > but, I tryed to acces directly to that url and I get the js > >> > > > >> > > 2010/4/7 Stefan Lindner > >> > > > >> > > To make it sure (it's better than just belive it): Take e.g. firefox > >> with > >> > >> fiurebug-plugin. Inspect the head scetion of the page. There go to > >> the > >> > >> tag and expand the tag. IF the js-file is > referenced > >> > >> correctly and if it is loaded then the content should be visible in > >> > firebug. > >> > >> Or place a simple > >> > >> > >> > >>alert('I am loaded'); > >> > >> > >> > >> in your js files. > >> > >> > >> > >> If you need the jQuery date picker try wicketsruff/jwicket. There > you > >> > will > >> > >> find a ready to use implementation of jQuery's DatePicker. And it > >> works > >> > in > >> > >> Panels. > >> > >> > >> > >> Stefan > >> > >> > >> > >> -Ursprüngliche Nachricht- > >> > >> Von: Daniela Valero [<a rel="nofollow" href="mailto:danielavalero...@gmail.com">mailto:danielavalero...@gmail.com</a>] > >> > >> Gesendet: Mittwoch, 7. April 2010 15:28 > >> > >> An: users@wicket.apache.org > >> > >> Betreff: Re: Javascript from panel does not work > >> > >> > >> > >> 2010/4/6 Jeremy Thomerson <jer...@wickettraining.com> > >> > >> > >> > >> > Please make sure that your JS files are loading. I suspect you > may > >> be > >> > >> > getting a 404 when loading the JS because you are not referencing > >> them > >> > >> > correctly (you're using a relative URL, which may not work > >> depending > >> > on > >> > >> > where your panel is placed). > >> > >> > > >> > >> > >> > >> > >> > >> I belive that de url is fine, becouse my panel is placed in the > same > >> > place > >> > >> than the Page parent, and it works fine
Re: Javascript from panel does not work
I wrote the header constributor, and nothing public void renderHead(IHeaderResponse response) { response.renderJavascriptReference(" http://localhost:8080/FrontEnd/views/js/ToggleHighLigh.js";); response.renderJavascriptReference(" http://localhost:8080/FrontEnd/views/js/jquery-1.3.2.min.js";); } 2010/4/7 Daniela Valero > I wrapped my JS on wicket:link, and I wrote the absolute url, like this > > http://localhost:8080/FrontEnd/views/js/jquery-1.3.2.min.js"</a>;> > > Now, the files are loaded, I can see it from firebug, but still not workin > : > > > 2010/4/7 Jeremy Thomerson > > This is what I was trying to tell you. Please load your resources >> correctly. Either use a ResourceReference with a class to create the URL >> correctly, or wrap your script tags in tags. >> >> -- >> Jeremy Thomerson >> http://www.wickettraining.com >> >> >> >> On Wed, Apr 7, 2010 at 8:42 AM, Daniela Valero >> wrote: >> >> > I got on firebug the same message from css file, but it is working fine. >> > (it >> > is being called from Page parent) >> > >> > 2010/4/7 Daniela Valero >> > >> > > You are right stefan, the JS file is not being loaded, on firebug i >> got >> > > >> > > Failed to load source for: >> > > http://localhost:8080/FrontEnd/views/js/ToggleHighLigh.js >> > > >> > > but, I tryed to acces directly to that url and I get the js >> > > >> > > 2010/4/7 Stefan Lindner >> > > >> > > To make it sure (it's better than just belive it): Take e.g. firefox >> with >> > >> fiurebug-plugin. Inspect the head scetion of the page. There go to >> the >> > >> tag and expand the tag. IF the js-file is referenced >> > >> correctly and if it is loaded then the content should be visible in >> > firebug. >> > >> Or place a simple >> > >> >> > >>alert('I am loaded'); >> > >> >> > >> in your js files. >> > >> >> > >> If you need the jQuery date picker try wicketsruff/jwicket. There you >> > will >> > >> find a ready to use implementation of jQuery's DatePicker. And it >> works >> > in >> > >> Panels. >> > >> >> > >> Stefan >> > >> >> > >> -Ursprüngliche Nachricht- >> > >> Von: Daniela Valero [<a rel="nofollow" href="mailto:danielavalero...@gmail.com">mailto:danielavalero...@gmail.com</a>] >> > >> Gesendet: Mittwoch, 7. April 2010 15:28 >> > >> An: users@wicket.apache.org >> > >> Betreff: Re: Javascript from panel does not work >> > >> >> > >> 2010/4/6 Jeremy Thomerson <jer...@wickettraining.com> >> > >> >> > >> > Please make sure that your JS files are loading. I suspect you may >> be >> > >> > getting a 404 when loading the JS because you are not referencing >> them >> > >> > correctly (you're using a relative URL, which may not work >> depending >> > on >> > >> > where your panel is placed). >> > >> > >> > >> >> > >> >> > >> I belive that de url is fine, becouse my panel is placed in the same >> > place >> > >> than the Page parent, and it works fine on Page parent. I will check >> > this >> > >> out again. >> > >> >> > >> Few days ago, a friend was trying to make work JS on panel, he was >> doing >> > >> a >> > >> JQuery datePicker, but he can't do it work on panels. Then he left >> the >> > >> project. He comment me that wicket's YUI datePicker desapeared fastly >> on >> > >> panels, it doesnt wait the click on the date of the user. >> > >> >> > >> I believe those things are related, if my ToggleHighLigh.js works, >> the >> > >> datepicker by transitivity will works too >> > >> >> > >> >> > >> > >> > >> > Also, where is the JS that adds the onclick handler that highlights >> a >> > >> row >> > >> > when it is clicked? I'm assuming it much be "ToggleHighLigh.js"? >> > >> > >> > >> >
Re: Javascript from panel does not work
I wrapped my JS on wicket:link, and I wrote the absolute url, like this http://localhost:8080/FrontEnd/views/js/jquery-1.3.2.min.js"</a>;> Now, the files are loaded, I can see it from firebug, but still not workin : 2010/4/7 Jeremy Thomerson > This is what I was trying to tell you. Please load your resources > correctly. Either use a ResourceReference with a class to create the URL > correctly, or wrap your script tags in tags. > > -- > Jeremy Thomerson > http://www.wickettraining.com > > > > On Wed, Apr 7, 2010 at 8:42 AM, Daniela Valero > wrote: > > > I got on firebug the same message from css file, but it is working fine. > > (it > > is being called from Page parent) > > > > 2010/4/7 Daniela Valero > > > > > You are right stefan, the JS file is not being loaded, on firebug i got > > > > > > Failed to load source for: > > > http://localhost:8080/FrontEnd/views/js/ToggleHighLigh.js > > > > > > but, I tryed to acces directly to that url and I get the js > > > > > > 2010/4/7 Stefan Lindner > > > > > > To make it sure (it's better than just belive it): Take e.g. firefox > with > > >> fiurebug-plugin. Inspect the head scetion of the page. There go to the > > >> tag and expand the tag. IF the js-file is referenced > > >> correctly and if it is loaded then the content should be visible in > > firebug. > > >> Or place a simple > > >> > > >>alert('I am loaded'); > > >> > > >> in your js files. > > >> > > >> If you need the jQuery date picker try wicketsruff/jwicket. There you > > will > > >> find a ready to use implementation of jQuery's DatePicker. And it > works > > in > > >> Panels. > > >> > > >> Stefan > > >> > > >> -Ursprüngliche Nachricht- > > >> Von: Daniela Valero [<a rel="nofollow" href="mailto:danielavalero...@gmail.com">mailto:danielavalero...@gmail.com</a>] > > >> Gesendet: Mittwoch, 7. April 2010 15:28 > > >> An: users@wicket.apache.org > > >> Betreff: Re: Javascript from panel does not work > > >> > > >> 2010/4/6 Jeremy Thomerson <jer...@wickettraining.com> > > >> > > >> > Please make sure that your JS files are loading. I suspect you may > be > > >> > getting a 404 when loading the JS because you are not referencing > them > > >> > correctly (you're using a relative URL, which may not work depending > > on > > >> > where your panel is placed). > > >> > > > >> > > >> > > >> I belive that de url is fine, becouse my panel is placed in the same > > place > > >> than the Page parent, and it works fine on Page parent. I will check > > this > > >> out again. > > >> > > >> Few days ago, a friend was trying to make work JS on panel, he was > doing > > >> a > > >> JQuery datePicker, but he can't do it work on panels. Then he left the > > >> project. He comment me that wicket's YUI datePicker desapeared fastly > on > > >> panels, it doesnt wait the click on the date of the user. > > >> > > >> I believe those things are related, if my ToggleHighLigh.js works, the > > >> datepicker by transitivity will works too > > >> > > >> > > >> > > > >> > Also, where is the JS that adds the onclick handler that highlights > a > > >> row > > >> > when it is clicked? I'm assuming it much be "ToggleHighLigh.js"? > > >> > > > >> > > >> > > >> It is in that file, it contains a onClick JQuery function -> > > >> ${this}.toggleClass("myClass"). > > >> > > >> > > >> > > > >> > -- > > >> > Jeremy Thomerson > > >> > <a rel="nofollow" href="http://www.wickettraining.com">http://www.wickettraining.com</a> > > >> > > > >> > > > >> > > > >> > On Tue, Apr 6, 2010 at 5:41 PM, Daniela Valero > > >> > <danielavalero...@gmail.com>wrote: > > >> > > > >> > > Hi everybody > > >> > > > > >> > > I'm having a problem with my call to javascript from a
Re: Javascript from panel does not work
This is what I was trying to tell you. Please load your resources correctly. Either use a ResourceReference with a class to create the URL correctly, or wrap your script tags in tags. -- Jeremy Thomerson http://www.wickettraining.com On Wed, Apr 7, 2010 at 8:42 AM, Daniela Valero wrote: > I got on firebug the same message from css file, but it is working fine. > (it > is being called from Page parent) > > 2010/4/7 Daniela Valero > > > You are right stefan, the JS file is not being loaded, on firebug i got > > > > Failed to load source for: > > http://localhost:8080/FrontEnd/views/js/ToggleHighLigh.js > > > > but, I tryed to acces directly to that url and I get the js > > > > 2010/4/7 Stefan Lindner > > > > To make it sure (it's better than just belive it): Take e.g. firefox with > >> fiurebug-plugin. Inspect the head scetion of the page. There go to the > >> tag and expand the tag. IF the js-file is referenced > >> correctly and if it is loaded then the content should be visible in > firebug. > >> Or place a simple > >> > >>alert('I am loaded'); > >> > >> in your js files. > >> > >> If you need the jQuery date picker try wicketsruff/jwicket. There you > will > >> find a ready to use implementation of jQuery's DatePicker. And it works > in > >> Panels. > >> > >> Stefan > >> > >> -Ursprüngliche Nachricht----- > >> Von: Daniela Valero [<a rel="nofollow" href="mailto:danielavalero...@gmail.com">mailto:danielavalero...@gmail.com</a>] > >> Gesendet: Mittwoch, 7. April 2010 15:28 > >> An: users@wicket.apache.org > >> Betreff: Re: Javascript from panel does not work > >> > >> 2010/4/6 Jeremy Thomerson <jer...@wickettraining.com> > >> > >> > Please make sure that your JS files are loading. I suspect you may be > >> > getting a 404 when loading the JS because you are not referencing them > >> > correctly (you're using a relative URL, which may not work depending > on > >> > where your panel is placed). > >> > > >> > >> > >> I belive that de url is fine, becouse my panel is placed in the same > place > >> than the Page parent, and it works fine on Page parent. I will check > this > >> out again. > >> > >> Few days ago, a friend was trying to make work JS on panel, he was doing > >> a > >> JQuery datePicker, but he can't do it work on panels. Then he left the > >> project. He comment me that wicket's YUI datePicker desapeared fastly on > >> panels, it doesnt wait the click on the date of the user. > >> > >> I believe those things are related, if my ToggleHighLigh.js works, the > >> datepicker by transitivity will works too > >> > >> > >> > > >> > Also, where is the JS that adds the onclick handler that highlights a > >> row > >> > when it is clicked? I'm assuming it much be "ToggleHighLigh.js"? > >> > > >> > >> > >> It is in that file, it contains a onClick JQuery function -> > >> ${this}.toggleClass("myClass"). > >> > >> > >> > > >> > -- > >> > Jeremy Thomerson > >> > <a rel="nofollow" href="http://www.wickettraining.com">http://www.wickettraining.com</a> > >> > > >> > > >> > > >> > On Tue, Apr 6, 2010 at 5:41 PM, Daniela Valero > >> > <danielavalero...@gmail.com>wrote: > >> > > >> > > Hi everybody > >> > > > >> > > I'm having a problem with my call to javascript from a panel. The > >> problem > >> > > is > >> > > tah javascript does not work (if i call it from a page it works > fine) > >> > > > >> > > I'm doing this: > >> > > > >> > > <wicket:head> > >> > ><script language="JavaScript1.2" > >> > > src="views/js/jquery-1.3.2.min.js"> > >> > > >> > > src="views/js/ToggleHighLigh.js"> > >> > > > >> > > > >> > > Click to toggle > >> > > highlight > >> > > on these > >> > > paragraphs >> > > > >> > > > >> > > When I click the element it should call ToggleHighLigh.js, and > add > >> a > >> > > css > >> > > background. > >> > > > >> > > I tried calling the javascript from Page parent, but it isn't work > >> > > > >> > > What I'm missing? > >> > > > >> > > > >> > > -- > >> > > | Daniela Valero > >> > > > >> > > "No hay vientos favorables para quien no sabe a donde quiere ir! > >> > > > >> > > >> > >> > >> > >> -- > >> | Daniela Valero > >> > >> "No hay vientos favorables para quien no sabe a donde quiere ir! > >> > >> - > >> To unsubscribe, e-mail: users-unsubscr...@wicket.apache.org > >> For additional commands, e-mail: users-h...@wicket.apache.org > >> > >> > > > > > > -- > > | Daniela Valero > > > > "No hay vientos favorables para quien no sabe a donde quiere ir! > > > > > > -- > | Daniela Valero > > "No hay vientos favorables para quien no sabe a donde quiere ir! >
Re: Javascript from panel does not work
I got on firebug the same message from css file, but it is working fine. (it is being called from Page parent) 2010/4/7 Daniela Valero > You are right stefan, the JS file is not being loaded, on firebug i got > > Failed to load source for: > http://localhost:8080/FrontEnd/views/js/ToggleHighLigh.js > > but, I tryed to acces directly to that url and I get the js > > 2010/4/7 Stefan Lindner > > To make it sure (it's better than just belive it): Take e.g. firefox with >> fiurebug-plugin. Inspect the head scetion of the page. There go to the >> tag and expand the tag. IF the js-file is referenced >> correctly and if it is loaded then the content should be visible in firebug. >> Or place a simple >> >>alert('I am loaded'); >> >> in your js files. >> >> If you need the jQuery date picker try wicketsruff/jwicket. There you will >> find a ready to use implementation of jQuery's DatePicker. And it works in >> Panels. >> >> Stefan >> >> -Ursprüngliche Nachricht- >> Von: Daniela Valero [<a rel="nofollow" href="mailto:danielavalero...@gmail.com">mailto:danielavalero...@gmail.com</a>] >> Gesendet: Mittwoch, 7. April 2010 15:28 >> An: users@wicket.apache.org >> Betreff: Re: Javascript from panel does not work >> >> 2010/4/6 Jeremy Thomerson <jer...@wickettraining.com> >> >> > Please make sure that your JS files are loading. I suspect you may be >> > getting a 404 when loading the JS because you are not referencing them >> > correctly (you're using a relative URL, which may not work depending on >> > where your panel is placed). >> > >> >> >> I belive that de url is fine, becouse my panel is placed in the same place >> than the Page parent, and it works fine on Page parent. I will check this >> out again. >> >> Few days ago, a friend was trying to make work JS on panel, he was doing >> a >> JQuery datePicker, but he can't do it work on panels. Then he left the >> project. He comment me that wicket's YUI datePicker desapeared fastly on >> panels, it doesnt wait the click on the date of the user. >> >> I believe those things are related, if my ToggleHighLigh.js works, the >> datepicker by transitivity will works too >> >> >> > >> > Also, where is the JS that adds the onclick handler that highlights a >> row >> > when it is clicked? I'm assuming it much be "ToggleHighLigh.js"? >> > >> >> >> It is in that file, it contains a onClick JQuery function -> >> ${this}.toggleClass("myClass"). >> >> >> > >> > -- >> > Jeremy Thomerson >> > <a rel="nofollow" href="http://www.wickettraining.com">http://www.wickettraining.com</a> >> > >> > >> > >> > On Tue, Apr 6, 2010 at 5:41 PM, Daniela Valero >> > <danielavalero...@gmail.com>wrote: >> > >> > > Hi everybody >> > > >> > > I'm having a problem with my call to javascript from a panel. The >> problem >> > > is >> > > tah javascript does not work (if i call it from a page it works fine) >> > > >> > > I'm doing this: >> > > >> > > <wicket:head> >> > ><script language="JavaScript1.2" >> > > src="views/js/jquery-1.3.2.min.js"> >> > >> > > src="views/js/ToggleHighLigh.js"> >> > > >> > > >> > > Click to toggle >> > > highlight >> > > on these >> > > paragraphs> > > >> > > >> > > When I click the element it should call ToggleHighLigh.js, and add >> a >> > > css >> > > background. >> > > >> > > I tried calling the javascript from Page parent, but it isn't work >> > > >> > > What I'm missing? >> > > >> > > >> > > -- >> > > | Daniela Valero >> > > >> > > "No hay vientos favorables para quien no sabe a donde quiere ir! >> > > >> > >> >> >> >> -- >> | Daniela Valero >> >> "No hay vientos favorables para quien no sabe a donde quiere ir! >> >> - >> To unsubscribe, e-mail: users-unsubscr...@wicket.apache.org >> For additional commands, e-mail: users-h...@wicket.apache.org >> >> > > > -- > | Daniela Valero > > "No hay vientos favorables para quien no sabe a donde quiere ir! > -- | Daniela Valero "No hay vientos favorables para quien no sabe a donde quiere ir!
Re: Javascript from panel does not work
You are right stefan, the JS file is not being loaded, on firebug i got Failed to load source for: http://localhost:8080/FrontEnd/views/js/ToggleHighLigh.js but, I tryed to acces directly to that url and I get the js 2010/4/7 Stefan Lindner > To make it sure (it's better than just belive it): Take e.g. firefox with > fiurebug-plugin. Inspect the head scetion of the page. There go to the > tag and expand the tag. IF the js-file is referenced > correctly and if it is loaded then the content should be visible in firebug. > Or place a simple > >alert('I am loaded'); > > in your js files. > > If you need the jQuery date picker try wicketsruff/jwicket. There you will > find a ready to use implementation of jQuery's DatePicker. And it works in > Panels. > > Stefan > > -Ursprüngliche Nachricht- > Von: Daniela Valero [<a rel="nofollow" href="mailto:danielavalero...@gmail.com">mailto:danielavalero...@gmail.com</a>] > Gesendet: Mittwoch, 7. April 2010 15:28 > An: users@wicket.apache.org > Betreff: Re: Javascript from panel does not work > > 2010/4/6 Jeremy Thomerson <jer...@wickettraining.com> > > > Please make sure that your JS files are loading. I suspect you may be > > getting a 404 when loading the JS because you are not referencing them > > correctly (you're using a relative URL, which may not work depending on > > where your panel is placed). > > > > > I belive that de url is fine, becouse my panel is placed in the same place > than the Page parent, and it works fine on Page parent. I will check this > out again. > > Few days ago, a friend was trying to make work JS on panel, he was doing a > JQuery datePicker, but he can't do it work on panels. Then he left the > project. He comment me that wicket's YUI datePicker desapeared fastly on > panels, it doesnt wait the click on the date of the user. > > I believe those things are related, if my ToggleHighLigh.js works, the > datepicker by transitivity will works too > > > > > > Also, where is the JS that adds the onclick handler that highlights a row > > when it is clicked? I'm assuming it much be "ToggleHighLigh.js"? > > > > > It is in that file, it contains a onClick JQuery function -> > ${this}.toggleClass("myClass"). > > > > > > -- > > Jeremy Thomerson > > <a rel="nofollow" href="http://www.wickettraining.com">http://www.wickettraining.com</a> > > > > > > > > On Tue, Apr 6, 2010 at 5:41 PM, Daniela Valero > > <danielavalero...@gmail.com>wrote: > > > > > Hi everybody > > > > > > I'm having a problem with my call to javascript from a panel. The > problem > > > is > > > tah javascript does not work (if i call it from a page it works fine) > > > > > > I'm doing this: > > > > > > <wicket:head> > > ><script language="JavaScript1.2" > > > src="views/js/jquery-1.3.2.min.js"> > > > > > src="views/js/ToggleHighLigh.js"> > > > > > > > > > Click to toggle > > > highlight > > > on these > > > paragraphs > > > > > > > > When I click the element it should call ToggleHighLigh.js, and add > a > > > css > > > background. > > > > > > I tried calling the javascript from Page parent, but it isn't work > > > > > > What I'm missing? > > > > > > > > > -- > > > | Daniela Valero > > > > > > "No hay vientos favorables para quien no sabe a donde quiere ir! > > > > > > > > > -- > | Daniela Valero > > "No hay vientos favorables para quien no sabe a donde quiere ir! > > - > To unsubscribe, e-mail: users-unsubscr...@wicket.apache.org > For additional commands, e-mail: users-h...@wicket.apache.org > > -- | Daniela Valero "No hay vientos favorables para quien no sabe a donde quiere ir!
AW: Javascript from panel does not work
To make it sure (it's better than just belive it): Take e.g. firefox with fiurebug-plugin. Inspect the head scetion of the page. There go to the tag and expand the tag. IF the js-file is referenced correctly and if it is loaded then the content should be visible in firebug. Or place a simple alert('I am loaded'); in your js files. If you need the jQuery date picker try wicketsruff/jwicket. There you will find a ready to use implementation of jQuery's DatePicker. And it works in Panels. Stefan -Ursprüngliche Nachricht- Von: Daniela Valero [<a rel="nofollow" href="mailto:danielavalero...@gmail.com">mailto:danielavalero...@gmail.com</a>] Gesendet: Mittwoch, 7. April 2010 15:28 An: users@wicket.apache.org Betreff: Re: Javascript from panel does not work 2010/4/6 Jeremy Thomerson <jer...@wickettraining.com> > Please make sure that your JS files are loading. I suspect you may be > getting a 404 when loading the JS because you are not referencing them > correctly (you're using a relative URL, which may not work depending on > where your panel is placed). > I belive that de url is fine, becouse my panel is placed in the same place than the Page parent, and it works fine on Page parent. I will check this out again. Few days ago, a friend was trying to make work JS on panel, he was doing a JQuery datePicker, but he can't do it work on panels. Then he left the project. He comment me that wicket's YUI datePicker desapeared fastly on panels, it doesnt wait the click on the date of the user. I believe those things are related, if my ToggleHighLigh.js works, the datepicker by transitivity will works too > > Also, where is the JS that adds the onclick handler that highlights a row > when it is clicked? I'm assuming it much be "ToggleHighLigh.js"? > It is in that file, it contains a onClick JQuery function -> ${this}.toggleClass("myClass"). > > -- > Jeremy Thomerson > <a rel="nofollow" href="http://www.wickettraining.com">http://www.wickettraining.com</a> > > > > On Tue, Apr 6, 2010 at 5:41 PM, Daniela Valero > <danielavalero...@gmail.com>wrote: > > > Hi everybody > > > > I'm having a problem with my call to javascript from a panel. The problem > > is > > tah javascript does not work (if i call it from a page it works fine) > > > > I'm doing this: > > > > <wicket:head> > ><script language="JavaScript1.2" > > src="views/js/jquery-1.3.2.min.js"> > > > src="views/js/ToggleHighLigh.js"> > > > > > > Click to toggle > > highlight > > on these > > paragraphs > > > > > When I click the element it should call ToggleHighLigh.js, and add a > > css > > background. > > > > I tried calling the javascript from Page parent, but it isn't work > > > > What I'm missing? > > > > > > -- > > | Daniela Valero > > > > "No hay vientos favorables para quien no sabe a donde quiere ir! > > > -- | Daniela Valero "No hay vientos favorables para quien no sabe a donde quiere ir! - To unsubscribe, e-mail: users-unsubscr...@wicket.apache.org For additional commands, e-mail: users-h...@wicket.apache.org
Re: Javascript from panel does not work
2010/4/6 Jeremy Thomerson > Please make sure that your JS files are loading. I suspect you may be > getting a 404 when loading the JS because you are not referencing them > correctly (you're using a relative URL, which may not work depending on > where your panel is placed). > I belive that de url is fine, becouse my panel is placed in the same place than the Page parent, and it works fine on Page parent. I will check this out again. Few days ago, a friend was trying to make work JS on panel, he was doing a JQuery datePicker, but he can't do it work on panels. Then he left the project. He comment me that wicket's YUI datePicker desapeared fastly on panels, it doesnt wait the click on the date of the user. I believe those things are related, if my ToggleHighLigh.js works, the datepicker by transitivity will works too > > Also, where is the JS that adds the onclick handler that highlights a row > when it is clicked? I'm assuming it much be "ToggleHighLigh.js"? > It is in that file, it contains a onClick JQuery function -> ${this}.toggleClass("myClass"). > > -- > Jeremy Thomerson > http://www.wickettraining.com > > > > On Tue, Apr 6, 2010 at 5:41 PM, Daniela Valero > wrote: > > > Hi everybody > > > > I'm having a problem with my call to javascript from a panel. The problem > > is > > tah javascript does not work (if i call it from a page it works fine) > > > > I'm doing this: > > > > > > > src="views/js/jquery-1.3.2.min.js"> > > > src="views/js/ToggleHighLigh.js"> > > > > > > Click to toggle > > highlight > > on these > > paragraphs > > > > > When I click the element it should call ToggleHighLigh.js, and add a > > css > > background. > > > > I tried calling the javascript from Page parent, but it isn't work > > > > What I'm missing? > > > > > > -- > > | Daniela Valero > > > > "No hay vientos favorables para quien no sabe a donde quiere ir! > > > -- | Daniela Valero "No hay vientos favorables para quien no sabe a donde quiere ir!
Re: Javascript from panel does not work
Please make sure that your JS files are loading. I suspect you may be getting a 404 when loading the JS because you are not referencing them correctly (you're using a relative URL, which may not work depending on where your panel is placed). Also, where is the JS that adds the onclick handler that highlights a row when it is clicked? I'm assuming it much be "ToggleHighLigh.js"? -- Jeremy Thomerson http://www.wickettraining.com On Tue, Apr 6, 2010 at 5:41 PM, Daniela Valero wrote: > Hi everybody > > I'm having a problem with my call to javascript from a panel. The problem > is > tah javascript does not work (if i call it from a page it works fine) > > I'm doing this: > > > src="views/js/jquery-1.3.2.min.js"> > src="views/js/ToggleHighLigh.js"> > > > Click to toggle > highlight > on these > paragraphs > > When I click the element it should call ToggleHighLigh.js, and add a > css > background. > > I tried calling the javascript from Page parent, but it isn't work > > What I'm missing? > > > -- > | Daniela Valero > > "No hay vientos favorables para quien no sabe a donde quiere ir! >
Re: Javascript from panel does not work
I tried adding public void renderHead(IHeaderResponse response) { response.renderJavascriptReference("views/js/ToggleHighLigh.js"); response.renderJavascriptReference("views/js/jquery-1.3.2.min.js"); } from IHeaderResponse, but it isn't work 2010/4/6 Daniela Valero > Hi everybody > > I'm having a problem with my call to javascript from a panel. The problem > is tah javascript does not work (if i call it from a page it works fine) > > I'm doing this: > > > src="views/js/jquery-1.3.2.min.js"> > src="views/js/ToggleHighLigh.js"> > > > Click to toggle > highlight > on these > paragraphs > > When I click the element it should call ToggleHighLigh.js, and add a > css background. > > I tried calling the javascript from Page parent, but it isn't work > > What I'm missing? > > > -- > | Daniela Valero > > "No hay vientos favorables para quien no sabe a donde quiere ir! > -- | Daniela Valero "No hay vientos favorables para quien no sabe a donde quiere ir!
Javascript from panel does not work
Hi everybody I'm having a problem with my call to javascript from a panel. The problem is tah javascript does not work (if i call it from a page it works fine) I'm doing this: Click to toggle highlight on these paragraphs element it should call ToggleHighLigh.js, and add a css background. I tried calling the javascript from Page parent, but it isn't work What I'm missing? -- | Daniela Valero "No hay vientos favorables para quien no sabe a donde quiere ir!