I have a php page that needs a modal confirmation.

When clicking “Please confirm” on the dialog, I want the page post to continue. How in the world can I accomplish this?

Here is my js code so far:

   $  (document).ready(function() {
    var $  dialog = $  ('<div></div>')
        .dialog({
            autoOpen: false,
            title: 'Are you sure?',
            modal: true,
            closeOnEscape: true,
            buttons: {
                "Please confirm": function() {
                 // want to continue the post that was interrupted
                 // by this dialog
                $  ("#account_mgr").submit();
                $  ( this ).dialog( "close" );
                },
                Cancel: function() {
                $  ( this ).dialog( "close" );
                window.location = "/account_mgr#MySubscription";
                }
            }
        });

//  $  ('#btnSubscription').click(function() {
    $  ('#btnSubscription').live('click', function() {
        $  dialog.dialog('open');
        return false;
    });
});

newest questions tagged jquery – Stack Overflow

I’m using Eric Martin’s brilliant simplemodal plugin (the Flickr Badge Viewer demo), which I have adapted slightly, and was wondering if anyone knew how to get the modal window/popup to resize/fit to the screen size? At the moment, if an image (the modal content) is larger than the screen size, it just disapears off the bottom of the screen and is unviewable. Is there a way of adapting the jquery code to automatically resize to fit the screen size?

Jquery code is here…

Any help greatly appreciated, S.

newest questions tagged jquery – Stack Overflow

This is a weird one, but…

We have this code:

jQuery(function ($  ) {
$  ('#basic-modal .basic').click(function (e) {
    $  ('#basic-modal-content').modal();

    return false;
});
$  ('#basic-modal-also .basic').click(function (e) {
    $  ('#basic-modal-also-content').modal();

    return false;
});

});

Which launches either of two modal windows.
Their code is:

< !-- First Modal Window -->
 <div id="basic-modal-content">
<h3>Modal Window 2</h3>
    <p>any <strong>html</strong> content or images can go in here </p>
</div>
  < !-- Second Modal Window -->
   <div id="basic-modal-also-content">
<h3>Modal Window 1</h3>
    <p>any <strong>html</strong> content or images can go in here </p>
</div>

What I am finding is onclick we launch the modal, and it shows its content. We close it, and when we open it again, its content is empty..

Is there something painfully obvious, do we need to flush anything, or perhaps I need to give you some more code ?

We use Eric Martins simplemodal script. http://www.ericmmartin.com/projects/simplemodal/

newest questions tagged jquery – Stack Overflow

Hello I have a problem when I modify the input of a iframe that is open with SimpleModalWindow Plugin.

I have the code:

 $  ("#imgTab").click(function(){
    $  ("#iframeNode").contents().find("input[name='objParent']").val('val1');
    $  ("#modalWindow").modal({
    opacity:80,
    overlayCss: {backgroundColor:"#fff"}
    });
});

the iframe is in a div

    <div id="modalWindow" style="display:none;background-color:#FFFFFF">
    <iframe src="biblioteca.php" height="600px" width="900px" id="iframeNode" name="iframeNode"></iframe>
</div>

And the element to modify into the iframe is:

<input type="text" name="objParent" id="objParent"/>

Thanks.

newest questions tagged jquery – Stack Overflow

Thanks in advance for your help.

Let me preface this by saying that I am mainly an HTML/CSS guy so please try and be as clear as possible in your responses to anything requiring javascript implementation.

I have a Vimeo video loading in a modal box on my page at:
http://sparkexperience.com/projects/nma/

However, in Safari and IE, on close of the window, the video continues to play.

I had seen another thread similar to this on this site but still can’t seem to figure it out:
How to stop a Vimeo video with JQuery

I basically copied all of the javascript code out exactly as is from the Vimeo Javascript API playground and still am having no luck (Playground link: http://player.vimeo.com/playground)

Thanks again.

newest questions tagged jquery – Stack Overflow

Explanation: I have a modal that pops up when an html element is clicked. The modal is then appended to the document body and is positioned absolute. The top and left css attributes are set based of the element’s offset that was clicked to trigger the modal.

Problem: The modal fires properly and is positioned appropriately. There is a button within the modal that has a click function that adds further markup to the modal. When the button is pressed the markup is added correctly, but if the window is scrolled to any position, the window scrolls directly to the top.

What is the cause of the window scrolling and how can I prevent it from happening?

Thanks.

newest questions tagged jquery – Stack Overflow

I want to use the jQuery UI plugin http://jqueryui.com/docs/Getting_Started so I’ve got everything I need downloaded. I’ve put the files where they need to be and included them in the head like I’m supposed to – all no problems there. But next I get a little stuck due to my utter noobieness.

It says:

Once you’ve included the necessary files, you can add some jQuery widgets to your page. For example, to make a datepicker widget, you’ll add a text input element to your page and then call .datepicker(); on it. Like this: HTML: <input type="text" name="date" id="date" />

JS:

$ ('#date').datepicker();

I want to use the dialog modal window popup with a form in it they’ve got as a demo. http://jqueryui.com/demos/dialog/#modal-form. The form will popup when someone clicks an image.

As far as I can make out (I’m a beginner with JavaScript) I need to make a hidden div on my page which contains the form. I need to attach it somehow to JavaScript then need to call it when the user clicks the image.

I have no idea if that’s right or wrong. And if it’s right I dunno how to do it. Anyone fancy speeding me along with some directions

newest questions tagged jquery – Stack Overflow

Fala galerinha, estarei prosseguindo com o vídeo sobre janela modal com jQuery e dessa vez irei implementar a estrutura para puxar o conteúdo de uma DIV, espero que gostem e até a próxima. OBS: Assista a primeira parte deste vídeo diretamente no meu site pois ficou com mais de 10 minutos e não pude upar no youtube, segue o link: www.ficheiro.com.br

Video Rating: 5 / 5

I have a Google map (API v3) with one marker and infowindow which contains a link that I have placed in a modal dialog. The problem is that the link in the infowindow is not clickable, even though it reacts to mouse hover. If I remove ‘modal: true’ from my call to open the dialog, the link becomes clickable, and the new page is loaded. Is there a solution to this?

newest questions tagged jquery – Stack Overflow

Using the jQuery examples you can create a really effective modal dialog box easily. In this video tip, I’ll show you how to start with any web page, using Dreamweaver and jquery.com you’ll see how to copy/paste a bit of code and a few other things and done.
Video Rating: 4 / 5

How to use a jQuery gallery to showcase work on a website, for Absolute beginners. URL in Tutorial: galleria.aino.se
Video Rating: 5 / 5