[jQuery] jqModal with jScrollPane
Hello, I need help to use jScrollPane inside of jqModal plugin. I try with the onLoad and onShow events but can not figured out a resolution. please help, thx
[jQuery] jqModal
I've been looking everywhere for an answer to this - I think it might
be too obvious and I'm missing something.
I'm using jqModal to load (via Ajax) a page of academic references -
but I can't get the @href to pick up on the full url of the trigger -
ie, it's ignoring everything from # onwards and I want the modal to
display only the refence identified by that particular named anchor.
My trigger link is:
a class=reference href=/~xx/ma-tesol/documents/
references.html#bassano1986reference modal link/a
and my jquery is:
$(document).ready(function() {
$('#refModal').jqm({ajax:'@href', modal:true, target:
'div.jqmAlertContent', trigger: 'a.reference' });
});
As I say this works perfectly, except that it takes me to the top of
the document and not the #bassano1986 section of it.
Any help much appreciated.
Matthew
[jQuery] Re: Can't assign jQuery jqModal to dynamically added links
I too am trying to get this to work. I'm using live() instead of bind
(). Unfortunately, the problem is the content that is supposed to
load via ajax never makes it to the modal. Any suggestions?
On Sep 2, 4:57 am, Liam Potter radioactiv...@gmail.com wrote:
Use live instead of bind
$(#jqmodalbind).live(click, function(e){
alert('BindingJQModal');
$('#addnote').jqm({ajax: '@rel', trigger: '.addnotetrigger'});
});
neburton wrote:
I've been having problems gettingjqmodalmodal dialogs to display on
links added dynamically by client side code. I've demonstrated the
problem at the following
URL:http://www.neil-burton.co.uk/jqmodaltest/index.htm
jqModalplugin here -http://dev.iceburg.net/jquery/jqModal/
Any help would be appreciated
[jQuery] jqModal problem
I'm trying to use the jqModal plugin on my page: http://dev.iceburg.net/jquery/jqModal/ Here is a sample showing my problem: http://dennismadsen.com/uploads/modalTest/ If you see this example in a IE6 or IE7 or IE8 in compatibility mode, you will see, that the the modal box is not 100% opacity. It works great in FF, IE8, Chrome and so on. The problem is because of a position:relative; in the containerTop div - the parent div of the dialog. I hope somebody can figure out what the problem is and how to fix it?
[jQuery] jqModal: having trouble centering modal window
Hi,
I just downloaded the latest version of jqModal and its accompanying
jquery file, but I'm not able to center my modal window using the same
style sheet -- http://dev.iceburg.net/jquery/jqModal/jqModal.css . I
only changed these lines
margin-left: -267px;
width: 535px;
to reflect the width of my modal window. Here is how I'm displaying
it:
$(document).ready(
function () {
$('#editTitle').unbind('click');
$('#modalWindow').jqm({
modal: true,
trigger: '#editTitle',
autofire: true,
focus: true,
overlay: 30},
function(h) {
$(#modalButtonSave).click
(function() { $(#modalWindow).fadeOut(slow); });
$(#modalButtonCancel).click
(function() { $(#modalWindow).fadeOut(slow); });
$(#modalWindow).fadeIn
(slow);
});
$('#modalWindow').jqmShow();
}
);
Any ideas what else I'm doing wrong and why my window is not
centering?
Thanks, - Dave
[jQuery] Can't assign jQuery jqModal to dynamically added links
I've been having problems getting jqmodal modal dialogs to display on links added dynamically by client side code. I've demonstrated the problem at the following URL: http://www.neil-burton.co.uk/jqmodaltest/index.htm jqModal plugin here - http://dev.iceburg.net/jquery/jqModal/ Any help would be appreciated
[jQuery] Re: Can't assign jQuery jqModal to dynamically added links
Use live instead of bind
$(#jqmodalbind).live(click, function(e){
alert('Binding JQModal');
$('#addnote').jqm({ajax: '@rel', trigger: '.addnotetrigger'});
});
neburton wrote:
I've been having problems getting jqmodal modal dialogs to display on
links added dynamically by client side code. I've demonstrated the
problem at the following URL: http://www.neil-burton.co.uk/jqmodaltest/index.htm
jqModal plugin here - http://dev.iceburg.net/jquery/jqModal/
Any help would be appreciated
[jQuery] JqModal / simpleModal - maintaining form state
I have tried both of these modal solutions, beautiful by the way, and found a small problem with both of them and am wondering if there is a work around. I have a form where there are a bunch of check boxes that I have enclosed in a div that I am using for my popup modal. Now the thing is that while the modal is up and I check a bunch of boxes and then close the modal, reopen again, all checkboxes have been reset rather than retaining their state. Is there a way to circumvent this behavior? So, if I click checkbox #1 and close the modal and then reopen the modal, checkbox #1 is no longer checked. I need it to maintain it's state. Any suggestions? Thanks Steffan --- T E L 6 0 2 . 7 9 3 . 0 0 1 4 | F A X 6 0 2 . 9 7 1 . 1 6 9 4 Steffan A. Cline stef...@execuchoice.net Phoenix, Az http://www.ExecuChoice.net USA AIM : SteffanC ICQ : 57234309 YAHOO : Steffan_Cline MSN : stef...@hldns.com GOOGLE: Steffan.Cline Lasso Partner Alliance Member ---
[jQuery] JqModal
Using the very basic jqModal example, isn't it supposed to auto size and
auto center the modal on the page? I placed a table that was wider than the
modal's default settings and it's off the page and does not create scroll
bars on the page to see the hidden section of the modal.
The default class is
.jqmWindow {
display: none;
position: fixed;
top: 17%;
left: 50%;
margin-left: -300px;
width: 600px;
background-color: #EEE;
color: #333;
border: 1px solid black;
padding: 12px;
}
Now, I know I can change the width of the modal but what about the
positioning?
Thanks
Steffan
---
T E L 6 0 2 . 7 9 3 . 0 0 1 4 | F A X 6 0 2 . 9 7 1 . 1 6 9 4
Steffan A. Cline
stef...@execuchoice.net Phoenix, Az
http://www.ExecuChoice.net USA
AIM : SteffanC ICQ : 57234309
YAHOO : Steffan_Cline MSN : stef...@hldns.com
GOOGLE: Steffan.Cline Lasso Partner Alliance Member
---
[jQuery] [jqModal]: sending ajax request, reload in same modal
Hi,
I am using jqModal (http://dev.iceburg.net/jquery/jqModal/#examples)
to open a modal div (some will argue it's an overlayed div since
I'm not forcing focus as code below shows).
An html form is loaded using ajax. I'd like to submit this form and
load the html response in the modal.
Here's how I do it:
$('#modal-test').jqm({ajax: '@href', trigger: 'a.edit-post'});
The whole page which triggered the modal box is reloaded, not just
'#modal-test'.
How would you change it?
Regards,
-jj. :)
[jQuery] jqModal problem
Dear,
I'm using jqModal like code below :
script
$(document).ready(function(){
$(#example).treeview();
$('#dialog').jqm();
$('a.jqModal').click(function(){
var e = $(this).text();
$.get(tab_rule.php, { keygroup : e }, function(data){
//$(#test1).html(data);
});
});
});
/script
...
a id='#' href=??=$rli['idseq'];? class='jqModal'?=$rli['key'];?/a/td
...
div id=dialog class=jqmWindow style='display:none'
div id=test1 style='height:340px;overflow:auto;'/div
pa href='#' class='jqmClose'Close/a/p
/div
when click on link a href, firebug window open and there is red text
$(':input:visible',h.w)[0] is undefined, what's wrong with my code ?
thanks for your help.
Popo
[jQuery] jqModal dialog plugin - need ajax response text as a variable
I am having problem with accessing content of ajax response for
requested url from JQModal plugin that we are using for popUp dialog
boxes in our application.
here is what I need to do.
var url= 'index.cfm?event=work.RejectTaskpersonId='+ patientId +
'fDocumentId=' + DocumentId;
$('#summaryPop').jqm({ ajax:url,overlay:40, modal:true,toTop:true});
$('#summaryPop').jqmShow();
my concern -- I need to check response text of requested url so i can
check if response has any error text or not, if respons etext will be
having any error, i need not to show dialog and will need to redirect
page error template.
i know there are few callbacks for this plugin but how i will get ajax
response as a variable
[jQuery] jqModal - ajax response
Hi, I am using jqModal to pop up the modal dialog box. I want to check the content of loaded request in jqModal dialog box at the time of showing this jqModal dialog box. its same thing like i want to have responseText of ajax call for this JqModal dialog bo. I know it has few methods for its callback like onShow/onHide,OnLoad but how i can check returned content from ajax for this jQmodal. -- Prashant Roy
[jQuery] jqModal position loading gif
$(#modal).jqm({
ajax:'@href',
ajaxText: 'img alt=Loadinganimation id=loadingModal src=/
images/loading.gif /'
})
I'm trying to get the loading gif to be centered in the window, but
it's always in the top right corner of where the modal window shows
up. here's the CSS:
.jqmWindow, .jqmID1, .jqmID2{
display: none;
position: fixed;
top: 17%;
left: 50%;
margin-left:-350px;
z-index:3001;
}
.jqmWindow #loadingModal{
position:relative;
left:50%;
top:200px;
}
the above css doesn't seem to affect the image at all. Can anyone
tell me if there's a specific class applied to this image and how I
might manipulate where it's placed while the content is being loaded
via ajax?
[jQuery] jqModal hash undefined
Hi,
I'm having problems with hash
$(a.iwmodal).live(click,function(event){
event.preventDefault();
var target = $(#infowindow);
target.jqm({
ajax: $(this).attr(href),
trigger: $(this),
modal: true,
overlay: 60,
onLoad: modal_options,
onHide: function(hash) {
hash.w.fadeOut(200,function(){
hash.o.remove();
target.html();
});
}
}).jqmShow(); ;
});
var modal_options = function(hash){
alert(hash.t);
}
I always get hash.t is undefined. Please help. i need to pass trigger
to modal_options. And hash won't work.
Thank you
[jQuery] jqModal rebind after reload
Hi, I'm using a standard jqModal thing. It works ok until after I reload the tab with an AJAX call. Then the .jqModal elements are not bound. The question is how to re-bind them again? I've tried $(#box).jqmAddTrigger(.jqModal); but it didn't help. And when I try to re-init the box with: $(#box).jqm(); after the ajax call, I get an error: H[this._jqm] is undefined Any ideas? thanks!
[jQuery] jqModal - Deactivate a register trigger
hi,
It is possible to deactivates trigger registered ?
I am using :
$('#data-info-div').jqm({
trigger: false,
modal: true,
overlay: 50
});
$(#data-info-div).jqmAddTrigger(a.data-info-trigger);
but I cann´t find the opposed function to jqmAddTrigger()
Dimanically I need to assign a trigger to a link, but depending the
logic I need to remove this assignation.
Is possible ?
greetings
[jQuery] jqmodal bug on jqmHide
If you try to do .jqmHide() on a modal that was not shown then an error pops up. Anyone had this problem and solved it maybe? Thanks
[jQuery] jqmodal/canvas z-index issue in IE7
Hi group,I am using JQmodal and the canvas-plugin in a new project. The combination works fine in Safari/Firefox but i have a z-index issue in IE7 whre modal is behind the canvas elements. You can see this in action in the navigation menu when clicking peuterspeelzaal on the demo at www.kittiwake.nl/cluetip/demo/modal.html I tried tinkering with the z-index of the jqmwindow class in the css and js ofcourse, but cannot find a fix for IE7. do you have a solution, please let me know -- strikingconcepts www.strikingconcepts.nl webdesign 06 450 860 83
[jQuery] JQModal + Accordion
Hello everyone, Ive been trying to work on jQModal + Accordion combination but so far have no luck at all. JQmodal is fine until i installed the accordion. Have you ever done this? If so, what scripts, version did you use? Thanks :)
[jQuery] jqModal inserting links with live clicks doesn't work
I read a bit on the new jqModal version that has live events on the
a.jqModal (Actually reading this didn't tell me whether live events
were enabled on .jqModal by default, or if you had to make the call
shown in the code, but that's neither here nor there)
So, I have a control panel list users of a system. The user name is
an a.jqModal link to their href /users/xx/edit which is loaded through
an ajax call using this code:
$(function(){
$(#modal).jqm({ajax:'@href'})
})
and
a class=jqModal href=/admin/users/35/editAdmin User/a
Adding a user is done through a modal window. It submits through an
ajax call, retrieves the user partial (rails) back from the db, and
appends it to the list of users.
The only problem is, the link now redirects to the href rather than
loading it through ajax for that newly appended user. I tried adding
this:
$(a.jqModal).click(function(){
$(#modal).jqmShow();
})
After my append of the new row. This sort of works, in that when you
click that new user, the overlay pops up and would most likely load
the content, but it still redirects. It's like it's missing a return
false; somewhere in there.
Anyone else have this problem with appending new data through jscript
that uses jqModal?
[jQuery] jqModal question in regard to IE6
Man, this is frustrating. I'm using jqModal to submit an ajax request
and things work fine on FF and Safari. I then got to work and tried my
stuff on IE6 and I'm stumped... the first time you click on a link in
a table, it goes to the server with the ajax call and returns a form
displayed in the resulting div. Things are fine. However, when you
click that same edit link again from the table, the modal window
fires, but this second modal window never fires the ajax event to the
server.
When the modal window form submits it actually ends up doing a full
round trip repopulating the whole page, so I don't think it's related
to issues with events not being bound after you return from an ajax
call.
I even tried to bring it down to more manual control by firing some
defined functions instead of relying it on binding to buttons. So what
I have is...
//A table that some links like:
a href=javascript:editWfeGroup('${w.wfeGroupID}')Edit/a
//The editWfeGroup function:
function editWfeGroup(_wfeGroupID) {
$('#groupFormDiv').jqm({modal: true,
ajax:
'WFEMaintenance.action?_eventName=getForEditGroupwfeGroupID='+_wfeGroupID
, ajaxText: loadingHTML})
$('#groupFormDiv').jqmShow();
}
//a div
div id=groupFormDiv class=jqmWindow/div
On the server side I'll only see the WFEMaintenance.action hit ONCE
the first time you click on edit for a link in the table. You can go
through and click on edit for all the row and the server side call is
made, however, if you try to hit again, it doesn't fire.
Why would I only be seeing this issue in IE6? in FF/Safari no issues.
[jQuery] jqModal two overlays
I just started using jqModal as I need support for nested modals. I'm
noticing some erratic behavior with nested modals and ajax, but I
don't know exactly how to fix it. What happens is when I load a
modal, that has a nested modal in it, I get two jqmOverlay divs, it's
like it's applying the overlay for both modals, even though the nested
one wouldn't have been triggered yet. Here's the code:
// Main Modal
$(function(){
$(#modal).jqm({ajax:'@href'});
})
a class=label jqModal href=/suppliers/2/editView Supplier/a
// Nested Modal code fragment within the /suppliers/2/edit html
$(function(){
$(#nested_modal).jqm({ajax:'@href', zIndex:3001});
})
a class=button jqModal href=/suppliers/6/bills/newAdd Bill/a
It seems to work the first time, but if I close the modal, then open
again I get the double overlay problem. Is this a bug? or the way I'm
calling my nested modal?
[jQuery] jqmodal Ajax issue
Hello,
I'm new to jquery and jqmodal. I have a script that runs fine except
when the URL (href) of the anchor tag is Blank or #. so what I want
to do is check for that possibility and stop the Jqmodal from acting
or put up an error message, without my page being messed up. I've
tried to use callbacks, but get an error that the hash is not defined.
I tried to use the click event of the anchor, but the Jqmodal would
load the content but only show it after clicking another anchor tag or
clicking the same one again. the goal here is to have a default pop Up
jqmodal that checks the link it is given and doesn't use it if it will
cause an error.
~~ code that works but doesn't check href of anchor~~
$(function(){
/* init pop-up/overlay */
popUp.init();
});
/* pop-up/overlay Functionality */
var popUp = {
init: function(){
var link = $(a.popup);
if(link.length = 0)
return false;
popUp.createDiv();
$('div#popup-wraper').jqm({
trigger: $(a.popup),
closeClass: 'close',
toTop: true,
ajax: '@href',
target: $(div#popup-wraper div#popup),
ajaxText: (loading...),
cache: false
})
},
createDiv: function(){
var strJq = div id='popup-wraper' class='jqmWindow';
strJq += div id='overlay-utility';
strJq += a class='close' href='#'Close/a;
strJq += /div;
strJq += div id='popup';
strJq += /div;
strJq += /div;
$(body).append(strJq);
}
}
/* pop-up/overlay Functionality END */
~~ end code ~~
[jQuery] jqModal + datepicker = weird click behavior
This was driving me crazy for a bit and noticed a few unsatisfying
attempts to answer it on this list.
Basically, jqModal registers an event on body that forces the window
to move to the first input element when the user clicks anywhere
outside of the main dialog. And since the datepicker window actually
lives off of body, periodically clicks on the datepicker wouldn't be
registered (ie. they'd get eaten by the jqModal event instead). No
amount of z-index tinkering will fix this.
There are several possible solutions, but the one I chose was to just
kill the jqModal event that's doing this.
If you decide to do option 2, find the line
f=function(h){try{$(':input:visible',h.w)[0].focus();}catch(_){}},
and replace it with
f=function(h){return},
[jQuery] [jqModal] and accessibility issue(solved?)
i was looking how to do this in the html, you don't want ajax for this, because it loads the content later. i could not find it in the documentation(maybe i did not read well), how to let all content be accessible, so this is what is working for example: http://www.nabble.com/file/p21526243/code.html code.html -- View this message in context: http://www.nabble.com/-jqModal--and-accessibility-issue%28solved-%29-tp21526243s27240p21526243.html Sent from the jQuery General Discussion mailing list archive at Nabble.com.
[jQuery] jqModal ajax question
Hi,
I was wondering if someone could help me with the jqModal plugin
(http://dev.iceburg.net/jquery/jqModal/).
Basically, I want to pass some GET data when calling an AJAX link for
the modal box but am not sure how to do it.
My setup for the modal box is:
$('#jInfo').jqm({ajax: 'loadinfo.php', trigger: 'false'});
And I'm calling it through a function:
function(t) {
$('#jInfo').jqmShow();
}
And I would like to have it call something like:
loadinfo.php?id=t (where 't' is the function variable)
Any help much appreciated
Cheers,
Sean
[jQuery] jqModal + validate + blockui plugins
Hi, I am trying to implement validate plugin in jqModal. I tried validate () method in onshow, onload method but it is not working. Can anyone confirm whether it is supporting? I tried blockui plugin to show Please wait... message on jqmodal when form is submitted but its not working properly...Is this the correct approach to show the message ? Thanks, Bhavin
[jQuery] jqModal Onload
Hi everyone
I want to load this window on page load can you plz let me know how to do
this.
$().ready(function() {
$('#tallContent2').jqm();
setTimeout($('#tallContent2').jqm(),2000);
});
--
View this message in context:
http://www.nabble.com/jqModal-Onload-tp20990657s27240p20990657.html
Sent from the jQuery General Discussion mailing list archive at Nabble.com.
[jQuery] [jqmodal] issue in IE
Hi I have jqmodal working in FireFox chrome on this page http://myhomeshow.red5.com.au/expo/cyberstand-listing/ click the green, purple, or blue boxes. however IE loads the jqModal, but the content isnt populated properly. Could someone have a look and see if you can tell me why? For your trouble, click the yellow box and select deathstar canteen, its a good laugh. Thanks! -- Duncan I Loxton duncan.lox...@gmail.com
[jQuery] jqmodal and ui datepicker problem
Hi
I have a problem with jqmodal and ui datepicker.
Often datepicker just doesn't appear when I initiate in in a jqmodal
window. Funnywise there isn't any warning or error in firebug.
than I have to clean cache in Firefox and datepicker appears again
during next load of modal window - even it appears slow and somehow
crankier than without modal windows.
I tried many things and spent quite some time on it, but I doesn't get
stable. Any ideas...
my code:.
//jqmodal
$('#mw1').jqm({ajax: 'offer.cfm?at=1oid=#myOfferID#', ajaxText:
'Loading..',trigger: 'a.ad_text_trigger'});
//datepicker
input type=text id=valid_from name=valid_from value=
input type=text id=valid_to name=valid_to value=/
$().ready(function() {
$('#frm input#valid_from').datepicker($.extend({},
$.datepicker.regional['de'], {
dateFormat: 'm.d.yy',
duration: fast,
showOn: 'both',
buttonImage:cal.gif',
buttonImageOnly: true
}));
$('#frm input#valid_to').datepicker($.extend({},
$.datepicker.regional['de'], {
dateFormat: 'm.d.yy',
duration: fast,
showOn: 'both',
buttonImage:cal.gif',
buttonImageOnly: true
}));
});
Daniel
[jQuery] jqModal Error
I am using jqModal for various overlays and what not. I seem to get this error a lot Components is not defined at line 64 Everything always works fine but I hate to have a javascript error showing. I'm just wondering if anyone else has had this problem or what might be causing it.
[jQuery] jqModal and IE6 - flag continues to wave
We noticed that in IE6, in our code and on the examples, if you open
the modal, the IE flag icon waves and doesn't stop. Also, when the
modal is closed, the flag continues to wave.
http://dev.iceburg.net/jquery/jqModal/#examples
We asked on the IRC channel, and someone suggested that we trying
substituting line 62:
i=$('iframe src=javascript:false;document.write(\'\');
class=jqm/iframe').css({opacity:0}),
with:
i=$('iframe src=/blank.htm class=jqm/iframe').css({opacity:
0}),
This took away the waving but apparently there is a side-effect: We
couldn't then perform any subsequent save from the modal.
Any ideas?
Thanks.
[jQuery] jqModal
I'm trying to trigger the following modal after the page loads. I've tried
'autofire:true' and jqmShow() to no avail. I am receiving an error message
that 'h' has no properties. I'm obviously doing something wrong. Can
someone help point me in the right direction? Here's the code:
!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
meta http-equiv=Content-Type content=text/html; charset=utf-8 /
titleUntitled Document/title
!-- jqModal Dependencies --
script type=text/javascript src=jquery-1.2.6.pack.js/script
script type=text/javascript src=jqModal.js/script
!-- jqModal Styling --
link type=text/css rel=stylesheet media=all href=jqModal.css /
link type=text/css rel=stylesheet media=all href=alert.css /
script type=text/javascript
$().ready(function() {
// THIS DOSEN'T WORK
$('#ex3b').jqmShow({
ajax: 'examples/3b.html',
target: 'div.jqmAlertContent',
overlay: 70,
autofire: true
});
// THIS WORKS WHEN A TRIGGER IS USED
// BUT I WANT TO LOAD THE MESSAGE WHEN THE PAGE LOADS)
//var triggers = $('a.ex3bTrigger')[0];
//$('#ex3b').jqm({
//trigger: triggers,
//ajax: 'examples/3b.html',
//target: 'div.jqmAlertContent',
//overlay: 70
//});
// Close Button Highlighting. IE doesn't support :hover. Surprise?
if($.browser.msie) {
$('div.jqmAlert .jqmClose')
.hover(
function(){ $(this).addClass('jqmCloseHover'); },
function(){ $(this).removeClass('jqmCloseHover'); });
}
});
/script
/head
body
!-- this works when a trigger is used - so all the files are working --
# view
div class=jqmAlert id=ex3b
div id=ex3b class=jqmAlertWindow
div class=jqmAlertTitle clearfix
h1Did you know?/h1 # emClose/em
/div
div class=jqmAlertContent
pPlease wait... inc/busy.gif /p
/div
/div
/div
/body
/html
--
View this message in context:
http://www.nabble.com/jqModal-tp20443670s27240p20443670.html
Sent from the jQuery General Discussion mailing list archive at Nabble.com.
[jQuery] jqModal iframe closing 2
Ok,this is an situation. I have an page that loads over jqModal a page
in that iframe, its easy for me that from that page close modal and
empty that iframe with
parent.jQuery('.modal1').find('#iframe').attr('src' ,
'').end().jqmHide();
but on that same page I also have an option to get second page where I
say THANKS ... and link to close yust the same :
parent.jQuery('.modal3').find('#prijava').attr('src' ,
'').end().jqmHide()
But it has an delay in showing empty iframe. So when I click on main
page modal and Iframe opens, yust for a sec you can se that last page
from iframe...
[jQuery] jqModal IE window hiding behavior
Good Day. Been using jqModal in a number of sites and my latest implementation is making IE 6 and IE 7 behave funny (works fine in FF2.x). You click on the link and the modal window (iframe) starts to load just fine, but as soon as the page (of the iframe) is fully loaded, IE's window moves to the back of all the windows. So, if I'm looking at the site in IE, and FF is behind it...that is FF is between IE and the desktop, as soon as the iframe content loads, IE moves behind FF, but it retains it's focus (the title bar still indicates that it has the focus). I've tried changing z-index everywhere to no avail. I'm made sure that .jqmWindow is a direct child of body, to no avail. I've removed a different js menu script and there appears to be no conflicts. I've removed the flash on the page to no avail. I'm kinda stuck. Here's the page: http://www.midwestglass.com/MirrorShower.EuropeanShowerEnclosures.php?ShowSlides=yes below the flash slide show there's a link called View Gallery -- that will launch the modal window. Thanks for any help. -- View this message in context: http://www.nabble.com/jqModal-IE-window-hiding-behavior-tp20240571s27240p20240571.html Sent from the jQuery General Discussion mailing list archive at Nabble.com.
[jQuery] jQModal loading separate urls into div
Hi, I was wondering if anyone had luck with using as persistent modal window. In other words, I have a .jgmAddClose element inside the div but I also want other links within the div to actually load new url in the div rather than the 'parent'... Thanks for any insight..
[jQuery] jqmodal overlay is flashing with internet explorer
Hi folks, My problem is, that when I open a jqmodal window, for a short time, the overlay has full opacity. This problem only occours with Internet Explorer. I'm very thankfull that this problem also happen on the official jqmodal site, when you open example 6, the alert() override. I hope this helps you, to help me ;). Greetings Tim
[jQuery] jqmodal set trigger to radio button ?
How do I set jqmodal to trigger when a radio button is selected?
I've been trying something like this and the result is that the checkbox has
to be checked and then clicked in order to get launch
function launchChecked() {
$(#ex2).jqmAddTrigger(:checkbox);
}
launchChecked();
$(:checked).click(launchChecked);
I would prefer radio button, but checkbox is fine as well.
--
View this message in context:
http://www.nabble.com/jqmodal-set-trigger-to-radio-button---tp19713178s27240p19713178.html
Sent from the jQuery General Discussion mailing list archive at Nabble.com.
[jQuery] jQModal is modaling over target div content.
OK, this is kind of odd. Hopefully it is something relatively simple.
I have a div set with modal target and inner AJAX content target
defined as:
div id=modalFormContainerdiv id=modalFormContainerContent/
div/div
I have a JS Function with calls to jqModal as such:
$('#modalFormContainer').jqm({ajax: '../modules/dispatcher/index.php?
mod=contentop=modalForm', target: '#modalFormContainerContent',
modal: true, trigger: false});
$('#modalFormContainer').jqmShow();
The end effect is that the 50% black haze covers the div content and
prohibits clicking inside of the content area.
Anything obvious I am doing wrong here?
Thanks much!
[jQuery] jqModal - loading div on ajax
Hi. I'm sending an Ajax Request via jqModal and I'm trying to display a
Loading...please wait div while waiting for the requested page to load. On
my main page, I have:
div class=jqmWindow id=request-load
Please Wait...
/div
My javascript includes:
$(document).ready(function() {
// Ajax call on a modal box for request schedule from dashboard widget
$('#request-load').jqm({ajax:'schedules/request',
trigger:'a#request-schedule', modal:true, onLoad:requestScheduleForm});
});
As what I've read in the docs, the div#request-load should be visible upon
clicking the trigger but it doesn't. I already tried using ajaxText
paramater, but it displays on the main page with the overlay already on top,
so it's not really noticable. Is there something I've missed? thank you very
much.
--
View this message in context:
http://www.nabble.com/jqModal---loading-div-on-ajax-tp19306611s27240p19306611.html
Sent from the jQuery General Discussion mailing list archive at Nabble.com.
[jQuery] jqModal and IE problems
So i have some usage of jqModal in my project and this is what's going on: (screenshot: http://i38.tinypic.com/2edavs2.jpg) you can see that jqmOverlay has a z-index of 2999 and jqmWindow has a z-index of 3000 So, in a correct and working world, jqmWindow should be *on top* of jqmOverlay (which Firefox respects and works) i found this looking for IE a-index problems http://therealcrisp.xs4all.nl/meuk/IE-zindexbug.html but that doesn't explain how to fix the issue. and even stranger is that the jqModal sites works just fine in IE, but i see no difference in the HTML or positioning anyone run across this and/or have a work areound?
[jQuery] jqModal and div
http://dadoodesign.com/jqDemo/ IE6 ISSUE** As you can see when the button is pushed, the modal pushes the div down? Tried playing with the Z index but that didn't seem to solve the issue. Not worried about placement of buttons or other css attributes right now. Just trying to resolve gap that's created. Any help would be great! Thanks Tony
[jQuery] jqModal clear fields
Hi all
I use the jqModal, and I want to clear some fields in the modal window
after opening. Cant get it to work so some advise would be perfect.
Like this
var open = function(hash){
$(#myFiled).val('').show();
};
$('#dialog').jqm({
overlay: 8,
onShow: open
});
/ johannes
[jQuery] jqmodal positioning from within iframed page
has anyone tried to load a page within an iframe and pop open a jqmodal within the iframed page? I'm trying to center the modal in the middle of the window of the browser, but if your iframed page is really low and extends below the fold of the browser window, then the modal will open in the middle of the iframed page (irregardless of where the window is scrolled to, top, bottom, etc) if anyone has any ideas on how to fix this, please please help! I've tried all forms of css expressions to use document.documentElement.parent, etc, etc, but nothing seems to work...
[jQuery] jqmodal close on javascript event
Hi, I want to close a modal window from a javascript event. In my case I have a grid, and when the user double clicks in one row I would like to close the modal window and fill some inputs in the page where it was opened. Is this possible?
[jQuery] jqmodal and jquery ajax request on the same page
I have one jqmodal window with ajax source (and ajaxText 'waiting'
message), and one div with form- with ajax onSubmit.
When I click on a link to show my modal window, my dynamic div is also
updated with its own ajax-'waiting' message. How can I make this two
independent? Below is my script for form submitting:
function finishAjax(id, response) {
$('#'+id).html(unescape(response));
$('#'+id).fadeIn();
}
function SendcForm(){
$('#contactform').ajaxStart(function() {
$(this).html(waiting html);
});
$.post(/ajax/cform, { email: $('#email').val(), message: $
('#message').val()},
function(response){
$('#contactform').fadeOut();
setTimeout(finishAjax('contactform', '+escape(response)+'),
400);
});
return false;
}
Thanks.
[jQuery] jqmodal and jquery ajax request on the same page problem
Hi,
I use jqmodal window with with ajax content + ajaxText for 'waiting'
html, and a dynamic div with form submit:
function finishAjax(id, response) {
$('#'+id).html(unescape(response));
$('#'+id).fadeIn();
}
function SendcForm(){
$('#contactform').ajaxStart(function() {
$(this).html(wait...);
});
$.post(/ajax/cform, { email: $('#email').val(), message: $
('#message').val()},
function(response){
$('#contactform').fadeOut();
setTimeout(finishAjax('contactform', '+escape(response)+'),
400);
});
return false;
}
When I click to view jqmodal window, my 'contactform' div is updated
with ajax waiting message. How can I make this two independent?
[jQuery] [jqModal r13] Closing a nested modal causes IE6 bleed-through
Hello, I am encountering the following situation with jqModal r13 and elements bleeding through in IE6 after spawning and closing nested modals... I open a modal in IE6 that has a partially transparent overlay. This looks and works great! I notice that all the select elements behind the overlay become invisble, which I am guessing is a necessary solution to the bleed-through problem. However ... If I spawn a second modal on top of this first modal and then close this second modal, the select elements re-appear and now bleed through my first modal. In fact, I see that this happens on the jqModal project site as well when you close the #ex4c modal as per example 4b.html (and then scroll up to where the test select element resides). I've not had any luck looking through the plugin source to see if there was a simple fix. Are there any suggestions for how to overcome or correct this behavior? (Other than not using nested modals or IE6! ;-)) P.S., I did see a related thread indicating certain bleed-through problems came about after jQuery 1.2.6 that were not present in 1.2.3, so I reverted to 1.2.3 to test this but it seems this same problem still exists/always existed in that version as well? Thanks! -f! -- View this message in context: http://www.nabble.com/-jqModal-r13--Closing-a-nested-modal-causes-IE6-bleed-through-tp18413267s27240p18413267.html Sent from the jQuery General Discussion mailing list archive at Nabble.com.
[jQuery] jqModal problem with IE6
Hello!
For the past 3 days I have been staring at this problem and I can't
get a
grip on it. I am using this code in my js:
$('.opmerking').click(function(){
var a = #test + $(this).attr(title);
$(a).jqm({
onShow:function(h) {
h.w.css('opacity',0.92).slideDown();
},
onHide: function(h) {
h.w.slideUp(slow,function() { if(h.o)
h.o.remove(); });
}
})
.jqmShow();
});
Within firefox this works fine. Every modalWindow that is triggered by
a
hyperlink with class=opmerking, is shown correctly.
But within IE6 it shows the content of my modalwindow in line of the
other
content instead of 'on top of' the other content in a seperate
modalWindow where I want it (as it does in firefox).
Any suggestions how to make it work in IE6?
Sincerely,
Arnold Consten
The Netherlands
[jQuery] jqModal problem with IE6
Hello!
For the past 3 days I have been staring at this problem and I can't
get a
grip on it. I am using this code in my js:
$('.opmerking').click(function(){
var a = #test + $(this).attr(title);
$(a).jqm({
onShow:function(h) {
h.w.css('opacity',0.92).slideDown();
},
onHide: function(h) {
h.w.slideUp(slow,function() { if(h.o)
h.o.remove(); });
}
})
.jqmShow();
});
Within firefox this works fine. Every modalWindow that is triggered by
a
hyperlink with class=opmerking, is shown correctly.
But within IE6 it shows the content of my modalwindow in line of the
other
content instead of 'on top of' the other content in a seperate
modalWindow where I want it (as it does in firefox).
Any suggestions how to make it work in IE6?
Sincerely,
Arnold Consten
The Netherlands
[jQuery] jqModal r13 released!
I've released the 13th revision of jqModal. Maybe I should have jumped to 14... but scientists are not superstitious. I do believe in Stevie Wonder though ;) If you have a chance; see him on his latest tour. Anyhow; jqModal is a tiny general-purpose windowing / dialog / popup / modal / *box / what-have-you plugin. The new revision contains some minor code tweaks, the ability to overide default parameter values via the new $.jqm.params global, and the removal of hard-coded pointer styling of modal overlays. The plugin page was updated with more documentation and a link to Alexandre Plennevaux's tutorial on effectively using jqModal to load external sites into a popup dialog (His method updates an iframe inside a dialog with the HREF attribute of the triggering element. It is an excellent example of real-world jqModal usage. As an added bonus; the bling-factor is furthered by showing off some fancy animated transistions! Be sure to check out his demonstration.) As usual, the plugin can be grabbed from; http://dev.iceburg.net/jquery/jqModal/ I hope you all had a fantastic weekend! ~ Brice
[jQuery] jqModal dialog closes when clicked on
I have a form in a jqModal dialog. When it is opened, if I click on
the dialog background or any of the form elements the modal window
closes. I cannot seem to figure out what's going on.
The page can be seen at http://www.roundscapes.com/clients.
Once you arrive click the link labelled: Click here to apply for
access to the full private tour
A jqModal dialog pops up but when you click anywhere on it the window
closes.
Does anyone have any insights on this?
JS code:
var cfLoad = function(hash) {
hash.w.show().css({
width:100px,
background:#00
});
hash.w.load(jax/credForm.php);
hash.w.jqmAddClose();
var abbrev = $(hash.t).attr(title);
$(#abbrev).val(abbrev);
hash.w.addClass(loading);
}
$(#credFormModal).jqm({
modal:true,
trigger:.credLink,
onShow:cfLoad
});
[jQuery] jqModal - How to close the modal box from an iframe
Hello, I'm just discovering the wonderful world of jQuery and jqModal, but I'm already stuck on a little problem for which I did not find the answer in this mailing : I have a jqModal div which contains an iframe with a form inside. The iframe allows me to show messages (error messages and success confirmation) back after the submission of the form. But I can't manage to close the modal dialog with a button or link inside the iframe. How do I do that ? If it's possible and rather simple, how can I rid off the iframe ? Thanks Hypolite -- View this message in context: http://www.nabble.com/jqModal---How-to-close-the-modal-box-from-an-iframe-tp18183904s27240p18183904.html Sent from the jQuery General Discussion mailing list archive at Nabble.com.
[jQuery] jqModal r12 release
Ladies and Gentleman,
I have finally updated jqModal, and apologize for the ridiculous
delay. I am also pleased to announce that the plugin page has been
updated to include improved documentation.
jqModal is a tiny general-purpose windowing / dialog / popup / modal /
what-have-you plugin.
The r12 release brings long-awaited jQuery 1.2.6 compatibility. This
was a trivial fix. The issue was due to IE returning 0 for
$.css('z-index') regardless if the attribute existed or not. Thanks go
to Schabse Laks and the jQuery community for pointing this out earlier.
A few other changes;
* Removed the zIndex parameter (better to rely on CSS styling)
* Subsequent $.jqm calls now update configuration
* The AJAX target is now cleared before load
* Added ajaxText parameter - a method of introducing a loading
graphic/text while waiting for ajax content to return.
As usual, the plugin can be grabbed from;
http://dev.iceburg.net/jquery/jqModal/
I hope you are enjoying the Summer (or Winter) Solstice. Be well,
~ Brice
[jQuery] jqModal callback
Hello,
I am in the process of writing some scripts that makes use of JqModal (
http://dev.iceburg.net/jquery/jqModal/).
What I have to do is the following:
The web page contains numerous ajax forms that have as their target a modal
div .
If the user clicks on the submit button, the response is inserted in the div
and shown.
Some of the forms contain a hidden select element.
Once the user clicks on one of those forms' submit button, a dialogue is
presented (using the very same div).
It shows the selects contents as a radio list. Once the user has checked a
radio input, the corresponding option in the select is selected and the form
is ajax posted as described before.
(Or could this be done simpler?)
But: the confirm method does not break processing: I override confirm, but
it is simply ignored - the confirmation dialogue blinks only for the
fraction of a second and the form is submitted as if it would not have been
there.
var options = {
target: '#modalWindow',
beforeSubmit: handleOptions,
success: function(){
showModal();
showCartInfo();
}
};
$(function() {
$('form.buyarticle').ajaxForm(options)
});
function showModal(){
return $('#modalWindow').jqmShow();
}
function showModalWithContent(html){
return $('#modalWindow').html(html).jqmShow();
}
function hideModal(){
return $('#modalWindow').html('').jqmHide();
}
function handleOptions(formData, jqForm, options)
{
var currentSelect = $(jqForm).find(select);
if (currentSelect!=null currentSelect.length 0)
return confirm(makeSelectMessage(currentSelect),
callback_SelectResult);
else
return true;
}
function confirm(select,callback) {
$(showModalWithContent(makeSelectMessage(select)))
.end()
.find(':submit:visible')
.click(function(){
callback(select);
hideModal();
return false; // to prevent the form from posting (does not
work...)
});
}
function callback_SelectResult(select){
var result = $(#modelWindow :input:checked).eq(0);
select.selectedIndex = result;
}
var currentSelect;
function makeSelectMessage(select)
{
var msg =p class='textblock'Este produto vem com estas
variações:/p;
msg += form method='post';
msg += ul class='textblock';
var i = 0;
$(select).find(option).each(function(){
msg += li;
msg += input type='radio' value=' + i + ' name='option'
id='option_ + i + ';
if (i==0)
msg += checked='checked';
msg += /label for='option_ + i + ';
msg += $(this).attr(value);
msg += /label/li;
i++;
});
msg += /ol
msg += input type='submit' value='Ok'/;
msg += /form;
return msg;
}
Anyone with more jq experience can tell me what I am doing wrong?
--
Jan
___
[EMAIL PROTECTED]
www.limpens.com
+55 (11) 3082-1087
+55 (11) 3097-8339
[jQuery] jqModal question
Good evening, I'm having a relatively small problem using jqModal. (I hope) I have a page that contains a form. This form contains an input box. A link beside this input box opens a jqModal window, so far no problems. In this modal window I show the results of a database search with pagination. Pagination works wonderfully, updating a div inside the modal window. Even onclick events on links in code received via AJAX appear to work. Well almost. This is where I have the problem. It appears that the 'jqmClose' class is being ignored on these links. The onclick event works perfectly, updating the input box in the form on the parent page, however the modal window does not close nor does the overlay disappear. Obviously clicking again on the overlay it disappears fine, but I'd like this to happen when the user selects an item in the list. How would I go about adding an inline script to my links so that not only does it perform the onclick update element process, but also closes the modal window and returns focus to the parent page? Any thoughts would be gratefully received. Regards, Adam Frame -- View this message in context: http://www.nabble.com/jqModal-question-tp17658960s27240p17658960.html Sent from the jQuery General Discussion mailing list archive at Nabble.com.
[jQuery] JqModal
Hi! i'm new to this an quite new to programming.I can fel this is great.I'm from the jqModal tutorial page and i just want to try it and add it to my project.First i did a copy and paste but it not working.Ok i thought it's because i don't understand the library and i went to try another tuto like get started and how jquery works.It was great. one thing confuse me from the http://dev.iceburg.net page is don't know which tools to use. i'm interested in the styling view a .don't know here to start. i've understood that i should have jquery (i've downloaded the jquery-1.2.6.js wit which i worked with the get started). i've downloaded the styling i mean the jqModal.css i've downloaded the jqModal.js the there are javascript,css,html code snipet for the example. i'm confused wich one should i use ? or should i use all of them.code snipet javascript + jqModal.js + jquery.js+ code snipet css+ jqModal.css and html or no need for jquery since jqModal is there. Please if any one has done it ,help me to start this interesting plugin -- View this message in context: http://www.nabble.com/JqModal-tp17601317s27240p17601317.html Sent from the jQuery General Discussion mailing list archive at Nabble.com.
[jQuery] jqModal and dynamic Ajax
Hi,
I have a page with a dropdown list (select) and when I select an element
in the list, I'd like a modal window to open with the datas related to the
element I selected.
To do so, I tried 2 things :
1) Classic method :
$('#unitInfos')
.jqDrag('.jqDrag')
.jqResize('.jqResize')
.jqm({
ajax:
'ajax/unitInfos.php?id='+document.forms[0].elements[4].value,
target: '.jqmnContent p',
trigger:'#unitInfosTrigger',
overlay: 0,
onShow: function(h) {
h.w.css('opacity',0.92).slideDown();
},
onHide: function(h) {
h.w.slideUp(slow,function() { if(h.o) h.o.remove();
}); }
});
With this, I have to add a button next to the select and define it as a
trigger. When I click on it, the modal open. It is draggable, resizable and
closable. If i change the select value, the content of the modal is not
updated
2) Onchange method :
I add a onchange=updateUnit(); on my select and define a new function :
function updateUnit() {
$('#unitInfos')
.jqDrag('.jqDrag')
.jqResize('.jqResize')
.jqm({
ajax: false,
overlay: 0,
onShow: function(h) {
h.w.load(ajax/unitInfos.php,
{id:
document.forms[0].elements[4].value});
h.w.css('opacity',0.92).slideDown(); //
hide window
},
onHide: function(h) {
h.w.slideUp(slow,function() { if(h.o)
h.o.remove(); }); }
})
.jqmShow();
}
The modal display the right datas but it's no more closable, resizable nor
draggable.
You can see the 2 pages here :
gaiaservice.dyndns.org/projets/jqmodal/method1.php
gaiaservice.dyndns.org/projets/jqmodal/method2.php
Any help woul be very appreciated.
Thanks
Chag
--
View this message in context:
http://www.nabble.com/jqModal-and-dynamic-Ajax-tp17514602s27240p17514602.html
Sent from the jQuery General Discussion mailing list archive at Nabble.com.
[jQuery] [jqModal] How to override style properties
I've read all of the documentation on the jqModal home pages. I
understand that the default CSS class jqModal looks for to style the
overlay is jqmOverlay. It appears that the only properties that it
will pick up from a defined CSS style are background color and
background image. I'm trying to change the modal overlay cursor from
'wait' to an external cursor file in my CSS:
.jqmOverlay {
background-color: #000;
cursor: URL(../no_m.cur), wait;
}
However, the cursor style is not being applied (I can confirm this in
firebug - the cursor style of the overlay is being hard-coded by
jqModal. Is there any way to change the cursor?
Thanks,
Carl
[jQuery] jqModal add trigger with javascript
Hi!
When I add a trigger with javascript and after that I click on the trigger,
the jqModal doesn't show.
First i Click on show jqModal and everything works perfectly, after that i
click on show 2nd trigger and the 2nd trigger is shown. Now i Click on the
2nd trigger show jqModal2 but nothing happens. When i click on show
jqModal everything works.
Here is my code (i wrote a { instead a in the front of the a-tags,
otherwise i hasn't been shown correctly here):
...
script
$(document).ready(function(){
$('#divModal').jqm({trigger: '.jqModal'});
});
function helpClick() {
$(#help).html('{a href=# class=jqModalShow jqModal2{/a');
}
/script
...
{a href=# class=jqModalShow jqModal{/abr /
{a href=# onClick=helpClick();show 2nd trigger{/a
div id=help/div
div id=divModal class=jqmWindowlorem ipsum, /div
--
View this message in context:
http://www.nabble.com/jqModal-add-trigger-with-javascript-tp17099129s27240p17099129.html
Sent from the jQuery General Discussion mailing list archive at Nabble.com.
[jQuery] jqModal AJAX Javascript Issues (IE)
Hi,
I am using the latest release of jqModal and jQuery to display a
custom AJAX modal pop up. This popup has to include javascript that
performs various functions.
It also needs to include some more .js files. I can get this to work
fine in Opera and FF but this fails in IE6 and I cannot call the
javascript functions in the AJAX popup. Does anyone have any
experience of this?
Quick note: The code works when the page is executed independently
without using jqModal to call it as a popup!
Here is a quick skeleton of the AJAX window that is called, am I doing
this correctly or do I need to do something special to get the JS in
this popup to execute when called via jqModal?
-- CODE -
html
head
script type=text/javascript src=jsToInclude.js/script
script language=JavaScript type=text/javascript
function f_test(){
alert(JS is being Executed!);
document.getElementById('testing').innerHTML='TESTING';
}
/script
/head
body
TEST
br
div id=testing
Clicking the link above in IE should replace this text and
show an alert!
/div
/body
/html
[jQuery] [jqModal] IE keep loading after opening a modal
Hi all, I have come to an issue that IE is keep loading after a jqModal is opened. I think the issue might be related to an IE bug [link]. I tried to add window.status everywhere in code but still no progress. Anyone have encounter this before? [link] http://dangermoose.blogspot.com/2006/01/why-status-bar-keeps-loading-in.html -- Best Regards, Jacky 網絡暴民 http://jacky.seezone.net
[jQuery] jqModal + Form plugin - Page is reloading in Firefox on form submit, IE works perfect
Hi,
I've tried a million workarounds for this, but it just doesn't seem to
work in Firefox! I fire up a jqModal login box which is calling a
separate html page, which connects to a php login script, and if
success, the php returns a success message in the Modal and reloads
the parent page, i.e. page containing the Modal html, thus loading the
new Session. If unsuccessful, it just gives an error message in the
modal, with the option to re-login.
In IE, it works pretty fine, but in FireFox v2, I've tried, it always
reloads the page when clicking on login button, instead of
unobtrusively sending the username/pwd via ajax.
I've tried using, $.ajax(), $.post(), the form plugin - both
ajaxForm() and ajaxSubmit() functions, with return false, but
strangely it works in Firefox, ONLY for one time, when I clear the
cookies, authenticated sessions, cache etc. After the first time, if I
try to logout and relogin, it reloads the page.
The code is as follows:
script type=text/javascript
$(#frm1).submit(function() {
// $(#res).hide();
$(#loading).bind(ajaxSend, function(){
$(this).show();
}).bind(ajaxComplete, function(){
$(this).hide();});
$(this).ajaxSubmit({
target: '#res',
success: function() {
$('#res').fadeIn('slow');
// $(#res).show();
}
});
return false;
// $('#frm1').ajaxForm({
// target: '#res',
// success: function() {
// $('#res').fadeIn('slow');
// }
// });
});
/script
form id=frm1 name=frm1 action=login.php method=POST
div id=r1
span style=width:50%; float:left;
text-align:right;E-mail
Address: /span
span style=width:50%; float:rightinput type=text
id=uname
name=uname/span
br
span style=width:50%; float:left;
text-align:right;Password:/
span
span style=width:50%; float:rightinput
type=password id=pwd
name=pwd/span
br
span style=width:100%;input type=image id=fetch
name=fetch class=submit-btn src=images/btn.gif //span
!-- span style=width:100%;input type=submit
value=LOGIN/
span --
/div
/form
div id=loading style=display:none
img src=images/8-0.gifbrSigning In
/div
div id=res
/div
Any pointers would be great.
Thanks,
Naveen
[jQuery] jqModal + Form plugin - Page is reloading in Firefox on form submit, IE works perfect
NB: Apologies if you're receiving this question second time, my
earlier post doesn't show up even after 3 hours
Hi,
I've tried a million workarounds for this, but it just doesn't seem to
work in Firefox! I fire up a jqModal login box which is calling a
separate html page, which connects to a php login script, and if
success, the php returns a success message in the Modal and reloads
the parent page, i.e. page containing the Modal html, thus loading the
new Session. If unsuccessful, it just gives an error message in the
modal, with the option to re-login.
In IE, it works pretty fine, but in FireFox v2, I've tried, it always
reloads the page when clicking on login button, instead of
unobtrusively sending the username/pwd via ajax.
I've tried using, $.ajax(), $.post(), the form plugin - both
ajaxForm() and ajaxSubmit() functions, with return false, but
strangely it works in Firefox, ONLY for one time, when I clear the
cookies, authenticated sessions, cache etc. After the first time, if I
try to logout and relogin, it reloads the page.
The code is as follows:
script type=text/javascript
$(#frm1).submit(function() {
// $(#res).hide();
$(#loading).bind(ajaxSend, function(){
$(this).show();
}).bind(ajaxComplete, function(){
$(this).hide();});
$(this).ajaxSubmit({
target: '#res',
success: function() {
$('#res').fadeIn('slow');
// $(#res).show();
}
});
return false;
// $('#frm1').ajaxForm({
// target: '#res',
// success: function() {
// $('#res').fadeIn('slow');
// }
// });
});
/script
form id=frm1 name=frm1 action=login.php method=POST
div id=r1
span style=width:50%; float:left; text-
align:right;E-mail
Address: /span
span style=width:50%; float:rightinput
type=text id=uname
name=uname/span
br
span style=width:50%; float:left; text-
align:right;Password:/
span
span style=width:50%; float:rightinput
type=password id=pwd
name=pwd/span
br
span style=width:100%;input type=image
id=fetch
name=fetch class=submit-btn src=images/btn.gif //span
!-- span style=width:100%;input
type=submit value=LOGIN/
span --
/div
/form
div id=loading style=display:none
img src=images/8-0.gifbrSigning In
/div
div id=res
/div
Any pointers would be great.
Thanks,
Naveen
[jQuery] jqModal and Submit in existing window
Hello, I have a page which opens a jqModal window. This contains a new php-page via the AJAX-Request of jqModal (actually the basic example no 2 on page http://dev.iceburg.net/jquery/jqModal/) Everything works fine and the window shows the correct content. In this content I have a form with input fields. If one field is empty I want to show an error message on this window, but it closes and I am back on my main window. What do I have to do (maybe a short example), to stay in the window until I explicitly close it with jqmClose? Thank you, Andrea -- View this message in context: http://www.nabble.com/jqModal-and-Submit-in-existing-window-tp16605108s27240p16605108.html Sent from the jQuery General Discussion mailing list archive at Nabble.com.
[jQuery] jqModal - Define a max-height and still allow resizing and dragging?
I've taken a look at a number of different plugins for a popup that I'm going to be using. jqModal and the ones listed on this page ( http://dev.jquery.com/view/trunk/ui/demos/ui.dialog.html ) look like they may work. However, each one has a problem. I would like to retain the functionality as in the demos. Specifically, having the corners of the popup box be the area where you can resize the window. However, the content in the popup may be extremely large, in which case I would need the window to have a maximum height and then have a scroller on the y-axis take over and display the rest of the content. By fiddling with the css of some of the container divs by adding overflow:auto; and removing the height:; attribute, I was able to to get a scrollbar. But the position of the resizing handles gets messed up. Does anyone have any experience with this? Thanks
[jQuery] jqmodal and jeditable
I'm trying to use jeditable in jqmodal box. When I load the box for the first time everything works fine but if i close the box and open it again jeditable not working I need to reload the page and open jqmodal box again...
[jQuery] jqModal and Rounded Corners
I am using jqModal and am trying to get the window to have rounded corners. Does anyone know of a way to accomplish this? Thanks for any help you can provide. -- View this message in context: http://www.nabble.com/jqModal-and-Rounded-Corners-tp16447295s27240p16447295.html Sent from the jQuery General Discussion mailing list archive at Nabble.com.
[jQuery] jqModal w/ jQuery v1.2.3
Hey Brice! Long time no chat. I was curious if jqModal is compatible with jQuery v1.2.3. I haven't tried it out yet but before I rack my head, I wanted to ask. Rey
[jQuery] jqmodal and scrolling
Hi, Is there a way to add scroll bars to a jqmodal dialog? -- Tom Burns
[jQuery] jqModal - Doctypes
Hi, everyone, first time sending a message over here :) Im having troubles with the overlay on IE7. Using this doctype: !DOCTYPE HTML PUBLIC -//W3C//DTD HTML 4.0 Transitional//EN Works great on FF, but on IE7 i get that the overlay is somehow missed or under all the other elements, it doesnt care that the jqModal have a zIndex of 5000, greater than anything else on the page. As an observation, it DOES work well on my developing machine with IE7, but not on any other pc using IE7 (i tried on more than 10 different computers with IE7, same result). If i try this doctype: !DOCTYPE html PUBLIC -//W3C//DTD XHTML 1.0 Strict//EN http:// www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd The overlay works great on IE7 and FF, but it messes up with a lot of my page components, some CSS not working well (and they are valid CSS files, W3C validated) and some images not showing either. Do you have any idea about this kind of behavior? any suggestions? Thanks for your answer! Adrian
[jQuery] jqModal, Ajax onLoad Problem On Jquery 1.2.3
Hi everyone.
I have got some problem jqModal and jquery 1.2.3, and here it is.
I am creating simple modal like this.
$('#modalcontent').jqm({ajax: url,target: 'div.jq_content', trigger: false,
modal:true, onLoad: modal_load }).jqmShow();
function modal_load (hash)
{
modalReady(this);
}
And it fires my modal_load function when ajax content loaded without any
problem.
My loaded modal content contains inline script like this.
function modalReady(context)
{
$('a', context).click(function(){return false;});
}
In jquery 1.1.4 no problem, but when i used jquery 1.2.3 i am getting
modalReady is not defined error.
jqModal load ajax content with this code:
r.load(u, function() {
if (c.onLoad) c.onLoad.call(this, h);
if (cc) h.w.jqmAddClose($(cc, h.w));
e(h); });
I checked that, jquery 1.1.4 and jquery 1.2.3 have very diffrerent load
functions. I guess 1.2.3 does not evaulate inline scripts.
So, how can i solve this problem? I have to use jquery 1.2.3.
--
Yılmaz Uğurlu ~ jabber : [EMAIL PROTECTED] ~ http://www.2nci.com ~ İzmir
[jQuery] jqModal - how to call jquery functions on returned AHAH?
Hi,
I'm using jqModal:ajax to load a remote php into a div modal form. So far
so good. But the returned HTML also has some jquery elements. I can't figure
out how to get them to initialize (i.e. the function call that would
otherwise be in the $(document).ready function).
I tried doing something with onload like so:
script
$().ready(function() {
$('#ex2').jqm({
ajax: 'prodtabs2.php',
trigger:'a.ex2trigger',
onLoad: loadAjax });
});
var loadAjax = function(jqmHash) {
$(#productinfo ul).tabs(); // trying to init jquery.ui.tabs
};
/script
I also tried using jqmHash.w as a second parameter, but also to no avail.
Can anyone point me in the right direction?
Thanks.
--
View this message in context:
http://www.nabble.com/jqModal---how-to-call-jquery-functions-on-returned-AHAH--tp15657058s27240p15657058.html
Sent from the jQuery General Discussion mailing list archive at Nabble.com.
[jQuery] jqmodal nested ajax
Hi, Is it possible?? the plugin page doesn't have an example of this...Or is it at least possible to replace the current modal content with another ajax content in the opened modal (only one modal...not nested)...How? Thanks! BR
[jQuery] jqModal using jqmShow instead of trigger gives problems
Hi
I use the following function to open modal windows by passing the
correspondingly ID html url .
function jqmWindow(div_id , page){
$('div_id).jqm({
//trigger: '#edit',
ajax: page,
target: false,
modal: true, /* FORCE FOCUS */
onHide: function(h) {
h.o.remove(); // remove overlay
h.w.fadeOut(444); // hide window
},
overlay: 10
}).jqmShow();
}
I use .jqmShow to open the window instead of the trigger which I have
commented out.
The modal window opens and then I close it again by clicking a button
with class='jqmClose' associated to it.
If I try to open the same modal window a second time it fails to work
and I get this error from firebug.
H[this._jqm] has no properties
jquery.jqModal.js (line 34)
$.fn.jqmShow=function(t){return this.each(function(){if(!
H[this._jqm].a)$.jqm.open(this._jqm,t)});};
What am I doing wrong? I am using version * $Version: 2007.08.17 +r11
Cheers
Tom
[jQuery] jqModal Element Blocking
Is it possible to only block elements (such as DIVs) using the jqModal plugin? This would be similar to what the BlockUI plugin does, but I need more options than BlockUI offers in modal dialogs.
[jQuery] jqmodal (ajaxed markup) can't access javascript loaded in page on IE
Hey all, I've run into an interesting bug. I'm using jquery's jqmodal plugin for modals and I'm pulling down additional markup to populate the modal via ajax. The new markup is supposed to leverage the existing javascript (javascript functions, not jquery functions) that modal owner had retrieved on page load. And it doesn't seem to be working on internet explorer... on firefox and safari it works just fine! Does the new markup need to call eval()? or do something to re-load the existing javascript so it can use those functions? Any insight will be greatly appreciated! Thanks in advance! P
[jQuery] jqModal -Unable to fade in overlay
Hi,
I'm trying to fade in and fade out the dialog and overlay.
I've no problem with the fading out but the fading in doesn't seem to work
as expected.
I have no problem fading in the dialog but for some reason the overlay just
refuses to work.
My code below:
var open=function(hash){
hash.w.fadeIn(1000);
hash.o.fadeIn(1000);
};
var close=function(hash) {
hash.w.fadeOut(1000);
hash.o.fadeOut(1000,function(){ hash.o.remove(); }); };
$('#dlg').jqm({
onShow: open,
onHide: close
});
Can anyone help?
Thanks.
[jQuery] jqModal overlaying other div without interferences
hi, I hope someone can give me a clue on how to let overlay a jqModal window without interfering in the div that is below. I think the best is you take a look at http://edit3.csic.es/edit_geo/prototype/edit3_symbol2.html and click on Data Symbolization (test); that should show you a new window (for the moment I think it only works with Firefox 2.0; that's another big problem...). I need that user can work with this jqModal window over the map without any problem (now if you work like this, you will zoom in the map instead of selecting form parameters). The craziest issue is that I got it (in localhost) but don't know how!! Maybe there is some parameter in jqModal? it's a div issue? thanks a lot, Pere Roca EDIT Project (http://edit.csic.es:8080/edit_geo/prototype/edit.html) -- View this message in context: http://www.nabble.com/jqModal-overlaying-other-%3Cdiv%3E-without-interferences-tp15206187s27240p15206187.html Sent from the jQuery General Discussion mailing list archive at Nabble.com.
[jQuery] jqmodal autosize to fit contained image in window
hi all! i was wondering if anyone had a go at having jqModal adapt its size to the image it is displaying? All my attempts failed miserably, if anyone has an idea i'm all ears :) Cheers, Alexandre
[jQuery] jqModal and cleaning up after itself
Perhaps this is a non-standard way to use jqModal, but I use it pretty much exclusively for dynamic form popups. My modal DIVs are dynamically generated and have iframes for content. My use case is: 1) open Modal_1 (generates a div with id=div_order containing an iframe with id=if_order) 2) close Modal_1 3) open another new copy of Modal_1 (page now has two iframes with id=if_order) 4) try to refer to $(#if_order) and you get one confused browser (Firefox) and plenty of undefineds ... My problem arises because close() uses jqmHide() which does not destroy/remove any of the modals it is done with. Is there a way to make jqModal destroy a modal and its associated stuff, rather than leaving all the now useless garbage cluttering up the DOM?
[jQuery] jqModal Overlay issue
I'm using the latest version of jqModal (r11). On IE7, the overlay is not transparent in any way (solid grey). In addition, it is being inserted before my page content and pushing the page content down. So, if I scroll down, I can still interact with my page elements. On FF, this works as it should - transparent overlay (with an opacity set accordingly), original content visible UNDER the overlay, and can't interact with the original content. It looks like there have been similar issues reported with the opacity of the overlay. But I was unable to find any of the fixes in my history. Also, I didn't see any mention of the problem of the content being pushed down Any tips? Thanks. Shawn
[jQuery] jqModal window hangs when trying to rewrite parent page
All,
I would really be grateful if someone can shed light on my issue. My
parent page contains a trigger to open a jqModal window. The modal
window itself contains a button which when clicked on will rewrite the
trigger on the parent page. I need to do this because my real-world
page has a table of statuses that link to modal windows which changes
the status (and hence the modal window trigger) according to user
input.
I have put together a simple example below, can someone tell me what
I'm doing wrong? Right now the modal window just hangs when I click
on the submit button. Thank you very very much!
Parent Page:
head
...
script type=text/javascript
$().ready(function() {
$('#dialog').jqm({ajax: '@href',modal:true,trigger:
'a.testModal'}); }); /script /head body div id=refreshme
lt;a href='modal.html' class='testModal'Open Modal Windowlt;/a
div id='dialog' class='jqmWindow'
blahblah...
/div
/div
/body
Modal Page
---
form method=post id=form1
Click button to refresh base pagebr/
input type='submit' id='savebtn' value='save'input
type='submit'
id='cancelbtn' class='jqmClose' value='cancel'
/form
script type=text/javascript
$().ready(function() {
$(#form1).submit(function(){
parent.$('#refreshme').empty().append(lt;a href='modal.html'
class='testModal'Open Modal Window Dynamiclt;/adiv id='dialog'
class='jqmWindow'blah/div);
return false;
parent.$('#dialog').jqm({ajax: '@href',modal:true,trigger:
'a.testModal'});
});
});
/script
[jQuery] jqModal iframe window content
hi all! i was wondering if anyone has achieved to use jqModal to actually display content in an iframe (instead of doing an ajax call). On Brice's page, he says Inline or remote (ajax/iframe) Window Content. has an available feature, but i haven't managed to do so. I thought using an iframe as window container would do the trick but apparently not... Anyone knows more about it ? thank you, Alexandre -- View this message in context: http://www.nabble.com/jqModal-iframe-window-content-tp14299200s27240p14299200.html Sent from the jQuery General Discussion mailing list archive at Nabble.com.
[jQuery] jqModal and triggering DOM element
Hi! I have a need to do something everytime jqModal window is closed. Reading documentation revealed that I could use onHide callback. Calling this function works correctly but I need to retrieve id of the element that triggered jqModal in it and I don't know how to do it. I tried: var id=h.t.attr(id); and $(h.t).attr(id); but it doesn't work this way. Can someone point me in the right direction, please? -- View this message in context: http://www.nabble.com/jqModal-and-triggering-DOM-element-tp14256207s27240p14256207.html Sent from the jQuery General Discussion mailing list archive at Nabble.com.
[jQuery] jqModal and onHide callback
Hi!br I have a need to do something everztime jqModal window is closed. Reading documentation revealed that I could use onHide callback. Calling this function works correctly but I need to retrieve id of the element that triggered jqModal in it and I don't know how to do it.br brI tried:br code var id=h.t.attr(id); /codebr andbr code $(h.t).attr(id); /codebr but it doesn't work this way. br Can someone point me in the right direction, please?
[jQuery] jqModal: how to get the attribute of the trigger link?
hi friends!
i would like to use the jqModal plugin in an addressbook-like
application, where, from the list of contacts, clicking on an icon
next to a contact show the full contact information in a jqModal
window.
the html i have is unobtrusive:
a href=fetch_contact_details.app.php?contact_id=8 title=Click to
read all contact data class=view jqModalnbsp;nbsp;/a
jqModal gets its parameters like this:
$().ready(function() {
$('#ex2').jqm({ajax: 'examples/2.html', trigger: 'a.ex2trigger'});
});
so what i need is to replace 'examples/2.html' by the value of $
(trigger).attr('href')
But i'm either not seeing the obvious or it seems like it is not
possible because jqModal extends the modal window element (receiving
the loaded data), not the clicked element - the trigger.
$('#modalWindow').jqm({ajax: $(this).attr('href'), trigger:
'a.jqModal'});
does not make the ajax call work.
Any idea how i can make it work? jqModal is a wonderful plugin i would
hate to have to use thickbox again.
thanks,
Alexandre
[jQuery] JQModal errors out when closing a dialog
Hi,
Can anyone please tell me how to solve this. I was using the latest version
of JQModal (I think it was 10) and I upgraded to 11. After that, the page
was being pushed down when I did jqmOpen(). So, I reverted back to version 9
which was listed as the most recent old version.
The problem is, now when I try to close a window with jqmClose() or just
assigning the class jqmClose to an element, I get an indication that there
is an error on this line (in Firebug):
// attempt utilization of dimensions plugin to fix IE
if(E.css('position') != 'relative'){try{E.position(p);}catch(e){}}
It doesn't tell me what the error is. I just get an arrow on the line with
the code highlighted (which tells me something is wrong there). I have tried
everything I could think of, to solve this but nothing has worked. It was
working before I tried to upgrade (and I will be very careful regarding that
in the future).
I have tried removing the dimensions plugin, including it, changing position
to all three types and removing the positioning completely; and, a few other
things.
Another problems is, when I tell the script to run regardless of the error,
it closes the dialog and won't let me open it again.
Here is the structure of the window (with useless stuff omitted)
!--- New Question Window
div id='new_question' class=jqmWindow
form id='new_question_form' name='new_question_form' onSubmit=return
saveQuestion();
onreset=return resetQuestion();
div class='new_question_header jqmnTitle jqDrag'
id='new_question_header'
table width=100%
Tr
td width=98% align=left
style=padding-left: 5px; Title /td
td nowrap=true align=right # X /td
/tr
/table
/div
// -- useless code erased
/form
/div
Here is the CSS:
.jqmWindow {
display: none;
position: absolute;
top: 17%;
left: 50%;
margin-left: -300px;
width: 450px;
height: 400px;
background-color: #f5f5f5;
color: #333;
border: 1px solid #0098bc;
padding: 0px;
}
I copied everything else from JQModal's site.
Please let me know if you need more information and I will be more than
happy to provide it.
Thanks in advance,
Moazzam
--
View this message in context:
http://www.nabble.com/JQModal-errors-out-when-closing-a-dialog-tf4953042s27240.html#a14183244
Sent from the jQuery General Discussion mailing list archive at Nabble.com.
[jQuery] jqModal Overlay not positioned correctly
I'm using Jquery 1.2.1 and the latest version of jqModal. For some reason
the jqmOverlay is not positioned absolute-ly and pushes down content when
viewed in IE7. Works fine in FF (of course).
Here is the relevant goodness:
--JS--
$(document).ready(function(){
$('#quicktip').jqm({overlay: 40, ajax:'tips.php', target:
'.quicktip_content'});
$('#quicktip').jqmShow();
})
--CSS--
.jqmWindow {
display: none;
position: fixed;
top: 17%;
left: 50%;
margin-left: -150px;
width: 300px;
background-color: #EEE;
color: #333;
border: 1px solid black;
padding: 12px;
}
.jqmOverlay { background-color: #000; }
* body .jqmWindow {
position: absolute;
top: expression((document.documentElement.scrollTop ||
document.body.scrollTop) + Math.round(17 *
(document.documentElement.offsetHeight || document.body.clientHeight) / 100)
+ 'px');
}
--HTML--
div class=jqmWindow id=quicktip
lt;img src=/v4/images/icons/icon_tip.png width=48 height=48
h3Did you know.../h3
p class=quicktip_contentlt;img src=/v4/images/ajax_spinner.gif
Loading... /p
p
input type=checkbox checked=checked
onchange=setPref('displayLoginTips',this); Display tips on login
Close
/p
/div
div
...more content...
/div
The jqmWindow is a direct descendant of the body tag.
Screenshots:
IE:http://www.jtoo.net/~jgale/screenshots/s1.gif
FF: http://www.jtoo.net/~jgale/screenshots/s2.gif
Thanks in advance,
Jon
--
View this message in context:
http://www.nabble.com/jqModal-Overlay-not-positioned-correctly-tf4822901s27240.html#a13798239
Sent from the jQuery General Discussion mailing list archive at Nabble.com.
[jQuery] jqModal re-binding
hi,
I have let say an element which I use as for dialog's let say :
div id=dialogdiv id=content/div/div
then i use :
$('#dialog').jqm({ ajax: url, target: '#content' });
so far ok.. it works. But now I want to reuse this dialog.
But if I try to bind again with different url2:
$('#dialog').jqm({ ajax: url2, target: '#content' });
It still uses the old url for ajax fetch ??
How can I change this behavior, so I can pass different urls ?
Opps forgot the most important thing, I'm using jqModal ;)
[jQuery] jqmodal and thickbox problem in opera9.5 beta
hi ive tested opera 9.5 beta release on windows vista i think there is a problem with the css tag position fixed. because if you have a scrolling page the overlay is fixed to top of the page if you scroll down the overlay ends... are there any fixes for this problem or is it an opera problem?
[jQuery] jqModal timing issue
I'm not sure if I'm doing things quite right with jqModal (the docs are
rather sparse). What I'm having a problem with is opening a dialog box
(ajax call), and applying a click event handler to my save link. This
sometimes works, and sometimes not. Even with a timer added, the
handler sometimes is not applied, regardless of the timeout value I use.
So I'm looking for a better way, or the bug in my routine Here's
my code:
$(#dialogOrg).jqm({
ajax: dialogs/org.htm?r= + Math.random(),
trigger: #newOrg,
target:#dialogOrgContent,
modal: true,
overlay: 75,
onShow : function (hash) {
hash.w.css('width',400).show();
//we have a timing problem. Trying to set the event handler
right away would fire before the
//#orgSave element was loaded. So we introduce a small artificial
delay to help with this.
setTimeout(function () {
$(#orgSave).unbind(click).click(function () {
var p = $(#frmOrg).serialize();
$.ajax({
type: POST,
url: xhr/orgSave.php,
data: $(#frmOrg).serialize(),
dataType: json,
error: function (a,b,c) {
alert(HERE);
$(#frmOrg .message).hide().html(h3Error/h3 +
a.responseText).slideDown();
},
success: function () {
listOrganizations();
//hide the dialog
$(#dialogOrg).jqmHide();
}
});
return false;
});
}, 100);
}
});
Any tips or glaring holes?? Thanks.
Shawn
[jQuery] jqmodal NOT working inside $.ajax callback function
Hi.
I'm trying to do something and it's not working:
$.ajax({
type: POST,
url: myPhpFile.php,
data: someArgument=+someArgument,
dataType: json,
success: function(msg){
$('#someID').jqm({ajax: '@href', trigger: 'a.trigger'});
}
});
When I click the links with the trigger class, there is no modal window
poping-up. Instead, the link is followed in the classic manner. Any idea why
the jqm call isnt working?
Thanks
--
View this message in context:
http://www.nabble.com/jqmodal-NOT-working-inside-%24.ajax-callback-function-tf4718946s27240.html#a13490148
Sent from the jQuery General Discussion mailing list archive at Nabble.com.
[jQuery] jqModal and the ESC key?
Is there a way to get jqModal dialogs to hide when you hit the escape key? Thanks, Will
[jQuery] jqModal ajax question
I'm issuing an ajax call, and passing a parameter. The parameter is the
value of a text box on the page, which loads with a default based on a
database call.
But for some reason, the value isn't being sent in the ajax call. It just
stays the same as it is when the page loads, even if the user updates what's
in the text box.
script type=text/javascript
\$(document).ready(function() {
$('#bar').jqm({ajax: 'ajax_hspick.cgi?q=' + document.myForm.foo.value ,
trigger: 'input.bar'});
});
/script
form name=myForm
input type=text name=foo value=testing
input type=button class=bar value=Go
div class=jqmWindow id=bar
Please wait...
/div
/form
In this instance, it will past testing to the cgi, even if I change the
value in the text box. I've tried numerous stuff and can't figure this one
out.
Thanks!
--
View this message in context:
http://www.nabble.com/jqModal-ajax-question-tf4664038s27240.html#a13323545
Sent from the jQuery General Discussion mailing list archive at Nabble.com.
[jQuery] jqModal validation (repost)
I'm using jqModal to display a form that gets populated through AJAX. I need to add validation so when Submit is clicked I need to make AJAX call to the server and then if validation error is detected instead of dismissing the dialog (which I do now) I need to display warning and leave jqModal dialog in place. I suspect that I can do it with a callback but can someone just hint me how it can be done?
[jQuery] jqModal Opacity Issue (IE7)
I've been toying with this for a bit. I'm using the latest version of the
jqModal plugin (r11) and having the opacity issue that's appeared on this
list before with IE6/7. I've moved the dialog div so that it is a direct
child of the body tag, and I've even gone through and added some extra
opacity attributes to the .jqmOverlay class in jqModal.css (this included
using filter:alpha(opacity=50); filter:
progid:DXImageTransform.Microsoft.Alpha(opacity=50); opacity: 0.50;). Even
with doing these things, the overlay is still appearing opague with
different tints of the background-color specified by .jqmOverlay (#000).
The bug has become a bit frustrating to say the least, does anyone have
another possible fix for it?
[HTML]
div class='jqmWindow' id='errorDialog' style='display: none; text-align:
left;'
div style='text-align: right;' # Close /div
hr /
Testingbr /Testingbr /Testingbr /Testingbr /Testingbr /Testingbr
/
/div
[JS]
$(#errorModal).click(function(){
$(#errorDialog).jqm({overlay:50}).jqmShow();
});
$(#errorModalClose).click(function(){
$(#errorDialog).jqmHide(slow);
$(#regFormErrors).hide(fast);
});
--
View this message in context:
http://www.nabble.com/jqModal-Opacity-Issue-%28IE7%29-tf4634873s27240.html#a13235812
Sent from the jQuery General Discussion mailing list archive at Nabble.com.
[jQuery] jqModal validation
I'm using jqModal to display a form that gets populated through AJAX. I need to add validation so when Submit is clicked I need to make AJAX call to the server and then if validation error is detected instead of dismissing the dialog (which I do now) I need to display warning and leave jqModal dialog in place. I suspect that I can do it with a callback but can someone just hint me how it can be done. Thanks -- View this message in context: http://www.nabble.com/jqModal-validation-tf4614196s27240.html#a13177054 Sent from the jQuery General Discussion mailing list archive at Nabble.com.
[jQuery] jqModal - iFrame to remote server content?
jqModal seemed to be the best answer for our needs--the window overlay can be moved, resized, and remote content loaded. However, it can't load remote server content into an iFrame--something AJAX can't do due to security restrictions. A http://www.nabble.com/forum/ViewPost.jtp?post=9789846framed=yskin=27240 previous discussion suggested AJAX'ing local files that themselves contain iFramed content, but this isn't practical for us. Our ideal solution would be to pass an iframe parameter instead of an ajax parameter. Is there any reason such iFrame functionality isn't already part of jqModal? I'd like to request it be added. Thanks! -- View this message in context: http://www.nabble.com/jqModal---iFrame-to-remote-server-content--tf4596739s27240.html#a13124230 Sent from the jQuery General Discussion mailing list archive at Nabble.com.
