Help me please

[casperphx]

i need a little help, i'm new to php and zen cart and i want to install a pop up in jquery ui that states if you are under the age of 21 you can not enter my site.. I have the jquery script but i do not understand where to or how to install it. i read a few posts and they did not help me at all. i sell tobacco products and do not want minors not knowing the site is intended for 21 years + viewers. i tried to place it in the javascript folder and in the on load folder but it didn't work. i am also not sure where to place the buttons and text information as well.. thank you in advance. here is my jquery script, also need to know where to place my cookie to check for the answer to my original script.

<script type="text/javascript">
$(document).ready(function() {

$('#test').click(function() {
$.blockUI({ message: $('#question'), css: { width: '275px' } });
});

$('#yes').click(function() {
// update the block message
$.blockUI({ message: "<h1>Remote call in progress...</h1>" });

$.ajax({
url: 'wait.php',
cache: false,
complete: function() {
// unblock when remote call returns
$.unblockUI();
}
});
});

$('#no').click(function() {
$.unblockUI();
return false;
});

});
</script>

...

<input id="test" type="submit" value="Show Dialog" />

...

<div id="question" style="display:none; cursor: default">
<h1>you must be 21 years of age to enter this site. Do you agree to the terms?</h1>
<input type="button" id="yes" value="Yes" />
<input type="button" id="no" value="No" />
</div>

[kobra]

Read this tutorial and find the section for
Adding Extra Javascript to a specific page

https://www.zen-cart.com/tutorials/index.php?article=36

[casperphx]

i read it, but apparently to stupid to understand it. i added the jscript to the folder onload and everything else it said to do, it still wont work for me. need a step by step help i guess from point a to z. i didnt think i was this dumb. i placed

file name: jscript_terms.js


$(document).ready(function() {

$('#test').click(function() {
$.blockUI({ message: $('#question'), css: { width: '275px' } });
});

$('#yes').click(function() {
// update the block message
$.blockUI({ message: "<h1>Remote call in progress...</h1>" });

$.ajax({
url: 'wait.php',
cache: false,
complete: function() {
// unblock when remote call returns
$.unblockUI();
}
});
});

$('#no').click(function() {
$.unblockUI();
return false;
});

});

in the jscript folder and then placed


file name on_load_terms.js
terms();

into the onload folder.

but can not figure out where to place the <div> buttons and text stating my popup window and also its not popping up blank either..

[kobra]

i added the jscript to the folder onload

This is not where it goes

It should be in a folder named
jscript in your template folder

/includes/templates/your_template_name/jscript/

[casperphx]

i dont understand, this is where my template is located and my jscript folder is

includes/template/template_default/jscript

i placed the jscript in there, and then in the onload folder placed the file and text in the file onload=terms();

but have no idea where to add my

<div id="question" style="display:none; cursor: default">
<h1>you must be 21 years of age to enter this site. Do you agree to the terms?</h1>
<input type="button" id="yes" value="Yes" />
<input type="button" id="no" value="No" />
</div>
with the buttons, am i doing this completely wrong, as i said before im new to this php stuff and this is my first php page..

[kobra]

I am not familiar with your script but onload terms has no code for diplay that you have referenced

You need code to display antthing