JQuery :: Implement Modal Confirmation When An External Link Is Clicked?
Oct 12, 2010
I have a site with several external links which need to have a link warning dialog when clicked. I am trying to pass the link's href to the modal confirmation so that when a user clicks 'continue' they go on to the new URL--or standard 'cancel'I have this code so far (cobbled together from a few sources--I AM A NOT A PROGRAMMER!!!!), but the dialog is not triggering (links just go to new URL without dialog popping up) (linking to Google API version of jQuery):
It should open a modal everytime a link of a given class is clicked. But... it does not.
Code JavaScript: //get the url of the link clicked var url; $('a.edit').livequery('click',function(){ url= $(this).attr('href'); }); [Code]....
When a link of class .edit is clicked, the overlay covers the page for an instant, then a redirect occurs to the page that should be loaded in the modal box (instead of the page being loaded in the modal). It's probably a small mistake as I can get it working the way I want using jqm 'trigger:a.edit'. The problem with this approach is that I lose the livequery power (links from ajax loaded content won't fire jqm).
I have a table with edit and delete buttons on each row, I have managed to get modal dialogs working with the following code, the links that invoke the dialog each have a unique ID like so:
<a href="#" id="1234" class="dialog_link">Link text 1</a> <a href="#" id="5678" class="dialog_link">Link text 2</a>
When the dialog is closed I need to call a PHP script to actually do the delete bit and I am stuck on that!
I'm going to preface this by saying I know next to nothing about implementing jquery. Thus far, I've just been very lucky and able to figure out a few things on my own.
I have a simple form on my site that, upon clicking "submit" calls a PHP file.
I'd like to have a modal dialog box open when you confirm submission(like this.... [URL] but can't understand how to target the submit button to make this happen.
[URL]
I already have jquery script on my page but dont know what to do from here.
I'm ok building and display a modal window, but how do I make it display where the user clicked in the window, as opposed to making it centered in the window?Also, how do I tell the modal to open to the right if the user clicks too far left in the document and vice versa? Or is that a default action?
I have autocomplete working for a list of colors(red, green, blue, etc). I created an array of $id's to match each color. For example if someone types and selects "red", I want it to go to a page like mypage.php?id=1. How can I (1) parse the ids in the array and (2) implement the result() function so that it links to a page and posts the proper $id? I have a live example with source code here: [URL].. and if you would be kind enough to be as explicit as you can with examples on how to make an autocomplete result link to a page and pass an $id.[URL]..
I want to have a javascript popup box so that when a hyperlink is clicked, a user is asked if they are sure they want to click this link, if they select ok then the page loads, if they click canel then nothing happens, However when a user clicks cancel the link still loads, can anyone see where I am going wrong?
I need a counter that will display beside a link, with the number of times the same link has been clicked. I do not have FTP access to the site, since it is based on a CMS.
I cannot write the small javascript, Before let me tell you, I am scriptkiddie in javascript and i dont have much knowledge of it. Here is my attempt, and i failed everytime.
Intention of Javascript code :- To Open link in new window, if clicked ok, else to open link in same tab.
<script type="text/javascript"> function show_confirm() { var awesome=confirm("Ok to Open Link in New tab, Cancel to open link in Same window!");
I have used jquery modal window JS for creating Modal box. By clicking respective link modal Box opens in all the browser. But in Ie6 that behaves differently. In My webpage I have some Form controls, like( Input field, checkbox, Dropdownlist etc.) When I click the mentioned hyperlink the modal box opens in ie6 correctly but the Form controls operlaps the Modal box. Please check the attached screen. How to fix such issue for IE6.
I have a member search component that I've built that uses AJAX to update results on search filter change.Each result has a link with it to add that member as a friend, when you click the link it fires a modal window (colorbox) with the member data and add and cancel buttons.
Everything seems to work ok, except you have to click the link twice for the modal to fire. Is there something I can do to prevent having to click this twice to load?
I am struggling to produce a script that will call ajax content intoa uimodal dialog every timea relevant link is clicked. I wish to use multiple links calling different ajax content into mutliple useuimodal dialogs from a single page
Before this actually gets processed, i would like to alert admin, with a box, asking if he is sure or not, so he gets the option to regret his choise. onClick="(return confirm('Are you sure you want to delete the page?'))" Something like this, probably not correct? How can I implement that tiny bit of JS in my (PHP)link above?
Is there a way to have a link in a modal dialog window sent back to the modal dialog's opener? So far I've managed to get it to open a new page in the dialog window, and open a completely new window.
I have a login link that is supposed to open a modal and then direct the visitor to a submission form once they are logged in. Here's the link code: <a href="/resources/submit" class="login">Submit New</a> and the jquery based on an example in the ninja book:
When I put a path name in the href, the modal opens but then quickly closes itself and sends the visitor to the form. If I use href="#" the modal opens and stays open, but when the visitor submits the form they are returned to the page they were on rather than the submission form.
I keep setting this aside and coming back to it, thinking I'll understand what's gone wrong here, but I still don't. I'd like this modal to work for other links with different paths, so I don't want to code the redirect into the js - I want to be able to control it in the link itself.
I have navigational links on my page, but when someone clicks one, i would like an effect to occur, and then the browser to navigate to the link and it usually would.
How to link an external JQuery file to my web page. I understand using <script src=""/>. My question is regarding the file I downloaded from Jquery.com. Do I add code to that file and link it, or do I link that file and then create a new file with javascript in it and link that as well? Do I create a javascript file and somehow link the Jquery file to that javascript file? how to set up Jquery using all external files.
I am using an ajax call when clicked on a link... It asks whether you want to continue or not and if you say "ok" then it uses a perl script to delete something from the db.[code]So I was able to call confirm on each of those links and if agreed use an ajax call to a perl script to wipe the user from database. The thing is that I had to usereturn false; in the end of my js call (after ajax) otherwise the link would take me to the script, which I dont want to. I want to remain at main level (to be able to see all users)... Now how do i refresh the page after such deletion? Lets image this scenario:
User clicks on link_to_delete Brad => confirm => he confirms by clicking ok => ajax call to perl script that handles the deletion of Brad => return false (I want to remain at index.pl) => HOW DO I REALOAD INDEX.pl ? I deleted Brad but I can still see him cause the page has old data.
