[RESOLVED] jquery alert Onclick

[webevelopersFTW]

how can i put a alert on this

<input type="button" id="addlesson" value="Add Lesson!" onClick="inputter(document.getElementById('testid').value)" />

the onclick right now sends a value over the url
i want the alert to stop that and ask if they are sure they want to do that yes and continue no just stay there.


i have the jquery working but it doesn't stop the page from going on...

$(document).ready( function() {
				
				$("#addlesson").click( function() {
					jConfirm('Can you confirm this?', 'Confirmation Dialog');
				
				});
				});

how can i get the alert to tie into if the page action ?

[webevelopersFTW]

Kinda a bump but lets see if anyone will help me out this time.

i have this button, i would like this button on click to pop up an alert "are you sure". If yes continue to the url that in the function, if no stay on the page.

<input type="button" id="addlesson" value="Add Lesson!" onClick="inputter(document.getElementById('testid').value)" />

here is the inputter function

function inputter(element){
	
            parent.location='studentaddlesson.php?option=&s_id=' + escape(element);
        
        }
	
	        $(document).ready(function() {
            
         $('#testid').keyup(function(e) {
       
        if(!e) e = window.event;
 
        if(e.keyCode == 13) {
            inputter(document.getElementById('testid').value);
        }
         }
         
            )
        } )

So my question is, how do i tie this jquery alert to the button to stop the action. Right now it pops up but does not stop the page from going to the url

$(document).ready( function() {
				
				$("#addlesson").click( function() {
					jConfirm('Can you confirm this?', 'Confirmation Dialog');
				
				});
				});

Please someone just point me in the right direction!
Thank you

[ssystems]

CHeck if this helps.

$(document).ready( function() {
				
				$("#addlesson").click( function() {
					jConfirm('Can you confirm this?', 'Confirmation Dialog', function(r) {
						if(r==true)
							inputter(document.getElementById('testid').value);
					});
						
				
				});
				});

and

<input type="button" id="addlesson" value="Add Lesson!" />

Keep in mind that one advantage of jquery is avoiding inline JS. If there are some typo's at least you know what I meant.

[webevelopersFTW]

Thank you that works perfectly! I really appreciate the help!

[webevelopersFTW]

Again i would like to click on this link and have a alert asking if i am sure.

following the same logic above how would i put an jquery alert on this?

<td bgcolor="#CDCDCD"><a href="studentdelete.php?s_id=<?php echo $row_rsDatabaseentry['s_id']; ?>">[Delete]</a></td>

[ssystems]

It seemed to me you'll gonna do this with multiple rows? If that's the case I would rather go based on class.

<td bgcolor="#CDCDCD"><a class="deleteLink" href="studentdelete.php?s_id=<?php echo $row_rsDatabaseentry['s_id']; ?>">[Delete]</a></td>

and the jquery

$(".deleteLink").click(
	function() {
		jConfirm('Can you confirm this?', 'Confirmation Dialog', function(r) {
			if(r==true)
				<!-- Place your statement here, I'm not sure if this is the parameter you need but try if that's it $(this).attr("href");--> 
			});
	});

[webevelopersFTW]

you say in the jquery

<!-- Place your statement here, I'm not sure if this is the parameter you need but try if that's it $(this).attr("href");-->


what do i put there ? sorry i know its a very stupid question, but i cant seem to understand whats going on here.

yes you are correct i am doing this on multiple rows.

right now its going right through without the alert like before.

[ssystems]

I *THINK* this is what you want

<td bgcolor="#CDCDCD"><a class="deleteLink" href="#" recordID="<?php echo $row_rsDatabaseentry['s_id']; ?>">[Delete]</a></td>

$(document).ready(
	function(){
		$(".deleteLink").click(
			function() {
				jConfirm('Can you confirm this?', 'Confirmation Dialog', function(r) {
					if(r==true)
						parent.location = "studentdelete.php?s_id=" + $(this).attr("recordID");
					});
			}
		);
	}
);

[webevelopersFTW]

AGAIN, thank you! It works PERFECT!!

[ssystems]

No worries. Don't forget to mark as resolved.

[webevelopersFTW]

Sure no problem, but how do you do that?

[webevelopersFTW]

Ok i am pretty stupid ... the alert works but it does not delete the entry (im stupid forgot to try that!) .Up in the url it says

index.php?s_id=undefined

it also says

index.php?s_id=undefined

when i hover over the link as well.

however i am trying to go to

studentdelete.php?s_id=

[ssystems]

Make sure you have the html as follows

<td bgcolor="#CDCDCD"><a class="deleteLink" href="#" recordID="<?php echo $row_rsDatabaseentry['s_id']; ?>">[Delete]</a></td>

view the source as well and make sure you have a value for recordID. You can try to install FireBug as well if you're using FF. If the recordID have no value check your php.

[webevelopersFTW]

before you asked me if


"
<!-- Place your statement here, I'm not sure if this is the parameter you need but try if that's it $(this).attr("href");--> "

this is where the codes stops working ... just a thought....

[ssystems]

yes that's replaced by

parent.location = "studentdelete.php?s_id=" + $(this).attr("recordID");

What it does is get the attribute of the element that is named "recordID" and append it to the earlier string. The fact that it is undefined means that it was not set. Hence are you sure that you have the right value there. To do that either you check the source, use debugging tools like FireBug.