You are viewing a plain text version of this content. The canonical link for it is here.
Posted to users@tapestry.apache.org by John <jo...@quivinco.com> on 2013/02/05 12:23:17 UTC
jquery.dialog not showing
Hi,
This jquery.dialog component used to pop up on my page when Edit was clicked but now it won't show. Any ideas? The associated event onActionFromTimetableEntryLink(Integer timetableId, Integer daynum) is fired fine. No associaed js console log output.
<t:zone t:id="timetableZone" id="timetableZone">
<t:loop source="myTimetables" value="timetable">
<span class="timetable">
<t:actionlink t:id="myTimetableClicker" t:zone="timetableZone"
t:context="timetable.idTimetable" t:mixins="jquery/tooltip" title="${timetable.timetableDescription}">${timetable.timetableName}</t:actionlink><br/>
${fmtStartDate} <b>-</b> ${fmtEndDate}</span>
<t:loop source="timetableEntries" value="timetableEntry">
<span class="timetableEntry">
${dayname}: ${fmtOnTime1}<b>-</b>${fmtOffTime1}|${fmtOnTime2}<b>-</b>${fmtOffTime2}
<t:jquery.dialogajaxlink t:id="timetableEntryLink" t:dialog="editTimetableEntry" t:zone="timetableEntryZone"
t:context="[timetableEntry.timetableEntryPK.timetableId,timetableEntry.timetableEntryPK.daynum]">Edit</t:jquery.dialogajaxlink>
</span>
</t:loop>
</t:loop>
...
<t:jquery.dialog t:clientId="editTimetableEntry">
Edit Timetable Entry
<t:zone t:id="timetableEntryZone" id="timetableEntryZone">
<!--t:form>
Try "abcd" :<input t:type="TextField" type="text" t:id="goalName"
t:value="goalName" t:mixins="jquery/Autocomplete"/>
</t:form-->
</t:zone>
</t:jquery.dialog>
</html>
regards,
John
Re: jquery.dialog not showing
Posted by John <jo...@quivinco.com>.
Yes unlike the demo page the DialogAjaxLink entry is indeed missing?
I cut and paste the js right off the page source. Here is the full script:
<script type="text/javascript">var $J = jQuery; Tapestry.DEBUG_ENABLED = true; var selector = new Array(); Tapestry.JQUERY=false;
Tapestry.decimalFormatSymbols = {
"minusSign" : "-",
"groupingSeparator" : ",",
"decimalSeparator" : "."
};
Tapestry.onDOMLoaded(function() {
Tapestry.init({
"jGrowlAlertManager" : [
{
"dismissURL" : "/webapp/dashboard.jgrowl_0:dismiss"
}
],
"formEventManager" : [
{
"formId" : "form",
"validate" : {
"submit" : true,
"blur" : true
}
}
]
});
$J('#name').tooltip({});
$J('#email').tooltip({});
$J('#mobile').tooltip({});
$J('#landline').tooltip({});
$J('#skype').tooltip({});
$J('#fbPageUrl').tooltip({});
$J('#webUrl').tooltip({});
$J('#tagline').tooltip({});
$J('#aboutMe').tooltip({});
$J('#sex').tooltip({});
$J('#booking').tooltip({});
$J('#confirmationMessage').tooltip({});
$J('#smsNotification').tooltip({});
$J('#emailNotification').tooltip({});
$J('#dspMobile').tooltip({});
$J('#dspLandline').tooltip({});
$J('#dspEmail').tooltip({});
$J('#available').tooltip({});
$J('#publish').tooltip({});
Tapestry.init({
"activate" : [
"name"
],
"button" : [
{
"id" : "submit_0",
"params" : {
"type" : "button"
},
"type" : "button"
}
],
"tapxDateField" : [
{
"time" : true,
"clientDateFormat" : "%d %b %Y %H:%M",
"singleClick" : true,
"clientId" : "available"
}
],
"dialog" : [
{
"id" : "editTimetableEntry",
"params" : {
"resizable" : false,
"autoOpen" : false,
"modal" : false,
"draggable" : false
}
}
],
"validate" : [
{
"landline" : [
[
"numericformat",
"You must provide an integer value for Landline.",
true
],
[
"regexp",
"Landline does not match pattern '[0-9]*'.",
"[0-9]*"
],
[
"minlength",
"You must provide at least 8 characters for Landline.",
8
]
],
"email" : [
[
"required",
"You must provide a value for Email."
],
[
"minlength",
"You must provide at least 6 characters for Email.",
6
]
],
"name" : [
[
"required",
"You must provide a value for Name."
],
[
"minlength",
"You must provide at least 3 characters for Name.",
3
]
],
"aboutMe" : [
[
"required",
"You must provide a value for About Me."
],
[
"minlength",
"You must provide at least 100 characters for About Me.",
100
]
],
"confirmationMessage" : [
[
"required",
"You must provide a value for Confirmation Message."
],
[
"minlength",
"You must provide at least 10 characters for Confirmation Message.",
10
]
],
"mobile" : [
[
"numericformat",
"You must provide an integer value for Mobile.",
true
],
[
"regexp",
"Mobile does not match pattern '[0-9]*'.",
"[0-9]*"
],
[
"minlength",
"You must provide at least 8 characters for Mobile.",
8
]
]
}
],
"zone" : [
{
"update" : "highlight",
"element" : "tabs-zone",
"show" : "show"
},
{
"update" : "highlight",
"element" : "timetableEntryZone",
"show" : "show"
}
],
"linkZone" : [
{
"linkId" : "eventlink_0",
"url" : "/webapp/dashboard.tabs:selecttab/tab_dashboard/0",
"zoneId" : "tabs-zone"
},
{
"linkId" : "eventlink_0_0",
"url" : "/webapp/dashboard.tabs:selecttab/tab_gallery/1",
"zoneId" : "tabs-zone"
},
{
"linkId" : "eventlink_0_1",
"url" : "/webapp/dashboard.tabs:selecttab/tab_venue/2",
"zoneId" : "tabs-zone"
},
{
"linkId" : "eventlink_0_2",
"url" : "/webapp/dashboard.tabs:selecttab/tab_timetable/3",
"zoneId" : "tabs-zone"
},
{
"linkId" : "eventlink_0_3",
"url" : "/webapp/dashboard.tabs:selecttab/tab_work/4",
"zoneId" : "tabs-zone"
},
{
"linkId" : "eventlink_0_4",
"url" : "/webapp/dashboard.tabs:selecttab/tab_site/5",
"zoneId" : "tabs-zone"
}
],
"tabs" : [
{
"id" : "tabs",
"params" : {
"selected" : 0,
"cache" : false
}
}
]
});
});
</script>
----- Original Message -----
From: Emmanuel DEMEY
To: Tapestry users
Sent: Tuesday, February 05, 2013 2:17 PM
Subject: Re: jquery.dialog not showing
It is very strange ! you do not have DialogAjaxLink entry in your
configuration JSON ! like in this demo page :
http://tapestry5-jquery.com/components/docsjquerydialog
And you JSON is not well formatted ! Did you make a bas copy/paste ?
2013/2/5 John <jo...@quivinco.com>
> This is the rendered link:
> <a id="timetableEntryLink_13caa18bab9" href="#">Edit</a>
>
> The dialog div
> <div id="editTimetableEntry">
> Edit Timetable Entry
> <div class="t-zone" id="timetableEntryZone"><!--t:form>
> Try "abcd" :<input t:type="TextField" type="text" t:id="goalName"
> t:value="goalName" t:mixins="jquery/Autocomplete"/>
> </t:form--></div></div>
>
>
> Tapestry init in the page
>
> Tapestry.init({
> "activate" : [
> "name"
> ],
> "button" : [
> {
> "id" : "submit_0",
> "params" : {
> "type" : "button"
> },
> "type" : "button"
> }
> ],
> "tapxDateField" : [
> {
> "time" : true,
> "clientDateFormat" : "%d %b %Y %H:%M",
> "singleClick" : true,
> "clientId" : "available"
> }
> ],
> "dialog" : [
> {
> "id" : "editTimetableEntry",
> "params" : {
> "resizable" : false,
> "autoOpen" : false,
> "modal" : false,
> "draggable" : false
> }
> }
> ],
>
> ----- Original Message -----
> From: John
> To: users@tapestry.apache.org
> Sent: Tuesday, February 05, 2013 11:23 AM
> Subject: jquery.dialog not showing
>
>
> Hi,
>
> This jquery.dialog component used to pop up on my page when Edit was
> clicked but now it won't show. Any ideas? The associated event
> onActionFromTimetableEntryLink(Integer timetableId, Integer daynum) is
> fired fine. No associaed js console log output.
>
>
> <t:zone t:id="timetableZone" id="timetableZone">
> <t:loop source="myTimetables" value="timetable">
> <span class="timetable">
> <t:actionlink t:id="myTimetableClicker"
> t:zone="timetableZone"
> t:context="timetable.idTimetable"
> t:mixins="jquery/tooltip"
> title="${timetable.timetableDescription}">${timetable.timetableName}</t:actionlink><br/>
>
> ${fmtStartDate} <b>-</b> ${fmtEndDate}</span>
> <t:loop source="timetableEntries"
> value="timetableEntry">
> <span class="timetableEntry">
>
> ${dayname}: ${fmtOnTime1}<b>-</b>${fmtOffTime1}|${fmtOnTime2}<b>-</b>${fmtOffTime2}
> <t:jquery.dialogajaxlink
> t:id="timetableEntryLink" t:dialog="editTimetableEntry"
> t:zone="timetableEntryZone"
>
> t:context="[timetableEntry.timetableEntryPK.timetableId,timetableEntry.timetableEntryPK.daynum]">Edit</t:jquery.dialogajaxlink>
> </span>
> </t:loop>
> </t:loop>
> ...
>
>
> <t:jquery.dialog t:clientId="editTimetableEntry">
> Edit Timetable Entry
> <t:zone t:id="timetableEntryZone"
> id="timetableEntryZone">
>
> <!--t:form>
> Try "abcd" :<input t:type="TextField" type="text"
> t:id="goalName"
> t:value="goalName" t:mixins="jquery/Autocomplete"/>
> </t:form-->
>
> </t:zone>
> </t:jquery.dialog>
>
> </html>
>
>
> regards,
> John
>
--
Emmanuel DEMEY
Ingénieur Etude et Développement
ATOS Worldline
+33 (0)6 47 47 42 02
demey.emmanuel@gmail.com
http://emmanueldemey.fr/
Twitter : @EmmanuelDemey
Re: jquery.dialog not showing
Posted by Emmanuel DEMEY <de...@gmail.com>.
It is very strange ! you do not have DialogAjaxLink entry in your
configuration JSON ! like in this demo page :
http://tapestry5-jquery.com/components/docsjquerydialog
And you JSON is not well formatted ! Did you make a bas copy/paste ?
2013/2/5 John <jo...@quivinco.com>
> This is the rendered link:
> <a id="timetableEntryLink_13caa18bab9" href="#">Edit</a>
>
> The dialog div
> <div id="editTimetableEntry">
> Edit Timetable Entry
> <div class="t-zone" id="timetableEntryZone"><!--t:form>
> Try "abcd" :<input t:type="TextField" type="text" t:id="goalName"
> t:value="goalName" t:mixins="jquery/Autocomplete"/>
> </t:form--></div></div>
>
>
> Tapestry init in the page
>
> Tapestry.init({
> "activate" : [
> "name"
> ],
> "button" : [
> {
> "id" : "submit_0",
> "params" : {
> "type" : "button"
> },
> "type" : "button"
> }
> ],
> "tapxDateField" : [
> {
> "time" : true,
> "clientDateFormat" : "%d %b %Y %H:%M",
> "singleClick" : true,
> "clientId" : "available"
> }
> ],
> "dialog" : [
> {
> "id" : "editTimetableEntry",
> "params" : {
> "resizable" : false,
> "autoOpen" : false,
> "modal" : false,
> "draggable" : false
> }
> }
> ],
>
> ----- Original Message -----
> From: John
> To: users@tapestry.apache.org
> Sent: Tuesday, February 05, 2013 11:23 AM
> Subject: jquery.dialog not showing
>
>
> Hi,
>
> This jquery.dialog component used to pop up on my page when Edit was
> clicked but now it won't show. Any ideas? The associated event
> onActionFromTimetableEntryLink(Integer timetableId, Integer daynum) is
> fired fine. No associaed js console log output.
>
>
> <t:zone t:id="timetableZone" id="timetableZone">
> <t:loop source="myTimetables" value="timetable">
> <span class="timetable">
> <t:actionlink t:id="myTimetableClicker"
> t:zone="timetableZone"
> t:context="timetable.idTimetable"
> t:mixins="jquery/tooltip"
> title="${timetable.timetableDescription}">${timetable.timetableName}</t:actionlink><br/>
>
> ${fmtStartDate} <b>-</b> ${fmtEndDate}</span>
> <t:loop source="timetableEntries"
> value="timetableEntry">
> <span class="timetableEntry">
>
> ${dayname}: ${fmtOnTime1}<b>-</b>${fmtOffTime1}|${fmtOnTime2}<b>-</b>${fmtOffTime2}
> <t:jquery.dialogajaxlink
> t:id="timetableEntryLink" t:dialog="editTimetableEntry"
> t:zone="timetableEntryZone"
>
> t:context="[timetableEntry.timetableEntryPK.timetableId,timetableEntry.timetableEntryPK.daynum]">Edit</t:jquery.dialogajaxlink>
> </span>
> </t:loop>
> </t:loop>
> ...
>
>
> <t:jquery.dialog t:clientId="editTimetableEntry">
> Edit Timetable Entry
> <t:zone t:id="timetableEntryZone"
> id="timetableEntryZone">
>
> <!--t:form>
> Try "abcd" :<input t:type="TextField" type="text"
> t:id="goalName"
> t:value="goalName" t:mixins="jquery/Autocomplete"/>
> </t:form-->
>
> </t:zone>
> </t:jquery.dialog>
>
> </html>
>
>
> regards,
> John
>
--
Emmanuel DEMEY
Ingénieur Etude et Développement
ATOS Worldline
+33 (0)6 47 47 42 02
demey.emmanuel@gmail.com
http://emmanueldemey.fr/
Twitter : @EmmanuelDemey
Re: jquery.dialog not showing
Posted by John <jo...@quivinco.com>.
This is the rendered link:
<a id="timetableEntryLink_13caa18bab9" href="#">Edit</a>
The dialog div
<div id="editTimetableEntry">
Edit Timetable Entry
<div class="t-zone" id="timetableEntryZone"><!--t:form>
Try "abcd" :<input t:type="TextField" type="text" t:id="goalName"
t:value="goalName" t:mixins="jquery/Autocomplete"/>
</t:form--></div></div>
Tapestry init in the page
Tapestry.init({
"activate" : [
"name"
],
"button" : [
{
"id" : "submit_0",
"params" : {
"type" : "button"
},
"type" : "button"
}
],
"tapxDateField" : [
{
"time" : true,
"clientDateFormat" : "%d %b %Y %H:%M",
"singleClick" : true,
"clientId" : "available"
}
],
"dialog" : [
{
"id" : "editTimetableEntry",
"params" : {
"resizable" : false,
"autoOpen" : false,
"modal" : false,
"draggable" : false
}
}
],
----- Original Message -----
From: John
To: users@tapestry.apache.org
Sent: Tuesday, February 05, 2013 11:23 AM
Subject: jquery.dialog not showing
Hi,
This jquery.dialog component used to pop up on my page when Edit was clicked but now it won't show. Any ideas? The associated event onActionFromTimetableEntryLink(Integer timetableId, Integer daynum) is fired fine. No associaed js console log output.
<t:zone t:id="timetableZone" id="timetableZone">
<t:loop source="myTimetables" value="timetable">
<span class="timetable">
<t:actionlink t:id="myTimetableClicker" t:zone="timetableZone"
t:context="timetable.idTimetable" t:mixins="jquery/tooltip" title="${timetable.timetableDescription}">${timetable.timetableName}</t:actionlink><br/>
${fmtStartDate} <b>-</b> ${fmtEndDate}</span>
<t:loop source="timetableEntries" value="timetableEntry">
<span class="timetableEntry">
${dayname}: ${fmtOnTime1}<b>-</b>${fmtOffTime1}|${fmtOnTime2}<b>-</b>${fmtOffTime2}
<t:jquery.dialogajaxlink t:id="timetableEntryLink" t:dialog="editTimetableEntry" t:zone="timetableEntryZone"
t:context="[timetableEntry.timetableEntryPK.timetableId,timetableEntry.timetableEntryPK.daynum]">Edit</t:jquery.dialogajaxlink>
</span>
</t:loop>
</t:loop>
...
<t:jquery.dialog t:clientId="editTimetableEntry">
Edit Timetable Entry
<t:zone t:id="timetableEntryZone" id="timetableEntryZone">
<!--t:form>
Try "abcd" :<input t:type="TextField" type="text" t:id="goalName"
t:value="goalName" t:mixins="jquery/Autocomplete"/>
</t:form-->
</t:zone>
</t:jquery.dialog>
</html>
regards,
John