|
JavaScript - Using Javascript Switch/array To Show Alert
Hi,
I'm doing some experimenting. So this may look bad to javascript experts here. But I'm trying to learn. I have a header div that will show a larger image when the user mouses over each thumbnail image. I used jQuery to create this effect. The header div contains a button. Once the button is clicked, an alert will pop up to tell the user the artist's name of image. The button is wired to an ID of a paragraph. Problem is, my code is not working. I don't want to use "onclick" inline javascript (which is what I am using to call the showArtistname() function). I want unobtrusive javascript like jQuery is. I'm not sure how to do this. I don't know if I should use an array or if I'm even approaching this correctly. Well, it's not correct, because it's not working... Here is my jQuery code: Code: $(function(){
$("a:has(img.small)").mouseover(function(){
var bigImage= $(this).attr("href");
$("#heading").attr({src: bigImage});
return false;
});
});
here is my javascript code: Code: function showArtistname(){
var a = document.getElementById("bluesails", "purplemountains", "bigsky", "nightlights", "fireysunset", "brilliantsunrise").innerHTML;
switch(a) {
case "bluesails":
alert("Arthur MacKenzie")
break
case "purplemountains":
alert("Maggie Laing")
break
case "bigsky":
alert("Arthur MacKenzie")
break
case "nightlights":
alert("Aria Soriano")
break
case "fireysunset":
alert("Felix Buckley")
break
case "brilliantsunrise":
alert("Felix Buckley")
}
}
Here is the HTML: Code: <div class="container_12" id="_container">
<div class="grid_12" id="12_header" >
<div class="hc_left_pic"> <images/01_md.jpg" id="heading" alt="Big Image." />
<div id="showImage" onclick="showArtistname()"></div>
</a></div>
</div>
<div class="clear"></div>
<div class="grid_4" id="artist_container1">
<a href="images/01_md.jpg"><img src="images/01_sm.jpg" width="100" height="100" class="small" alt="Small image Blue Sails" /></a>
<p class="text" id="bluesails">Blue Sails</p>
</div>
<div class="grid_4" id="artist_container2">
<a href="images/02_md.jpg"><img src="images/02_sm.jpg" width="100" height="100" class="small" alt="Small Image Purple Mountains"/></a>
<p class="text" id="purplemountains">Purple Mountains</p>
</div>
<div class="grid_4" id="artist_container3">
<a href="images/03_md.jpg"><img src="images/03_sm.jpg" width="100" height="100" class="small" alt="Small Image Big Sky"/></a>
<p class="text" id="bigsky">Big Sky</p>
</div>
<div class="clear"></div>
<div class="grid_4" id="artist_container4">
<a href="images/04_md.jpg"><img src="images/04_sm.jpg" width="100" height="100" class="small" alt="Small Image Night Lights" /></a>
<p class="text" id="nightlights">Night Lights</p>
</div>
<div class="grid_4" id="artist_container5">
<a href="images/05_md.jpg"><img src="images/05_sm.jpg" width="100" height="100" class="small" alt="Small Product Image Firey Sunset"/></a>
<p class="text" id="fireysunset">Firey Sunset</p>
</div>
<div class="grid_4" id="artist_container6">
<a href="images/06_md.jpg"><img src="images/06_sm.jpg" width="100" height="100" class="small" alt="Small Product Image Brilliant Sunrise"/></a>
<p class="text" id="brilliantsunrise">Brilliant Sunrise</p>
</div>
Here's the CSS: Code: .container_12 .grid_4 {
width: 274px;
height: 370px;
background-color:#ccc;
border: 3px solid #999;
padding-left:10px;
padding-right:10px;:confused:
padding-bottom:10px;
}
#showImage{
margin: -170px 20px 80px 700px;
width: 176px;
height: 48px;
background:url(../images/showimage.jpg);
position:relative;
z-index:100;
}
.grid_4 img {
position:relative;
left:100px;
top:20px;
padding:0 0 60px 0;
border:none;
}
.grid_4 p {
position:relative;
text-align:center;
}
p.text {
font-family:Arial, Helvetica, sans-serif;
font-size:.75em;
color:#000;
line-height:1.25em;
font-weight:bold;
}
#12_header {
display: inline;
background-color:#e5e5e5;
border: 3px solid #bfbfbf;
height:225px;
font-family:Arial, Helvetica, sans-serif;
font-size:;
color:#000;
font-weight:bold;
line-height:1.2em;
}
.hc_left_pic {
float:left;
margin-top:15px;
background-color:#e5e5e5;
border: 3px solid #bfbfbf;
width:935px;
height:250px;
}
Similar TutorialsI'm trying to figure out how to make a select box change which <div> should show or hide... Code: <script language="JavaScript">
function doHideShowMatchplayOptions(divName){
var objDiv = document.getElementById(divName);
if(objDiv.style.display == ''){
objDiv.style.display = 'none
} else {
objDiv.style.display = '
}
}
</script>
<select name="matchplaytype" onchange="doHideShowMatchplayOptions(\'idHideShowMatchplayOptions\');">
<option value="">Choose</option>
<option value="1"># 1</option>
<option value="2"># 2</option>
</select>
<div id="idHideShowMatchplayOptions" style="display:none;">
<table><tr><td colspan="2">This is # 1</td></tr></table>
</div>
<div id="idHideShowMatchplayOptions" style="display:none;">
<table><tr><td colspan="2">This is # 2</td></tr></table>
</div>
In the above script I'm only able to change one div... What I want is to be able to, if a user changes the selectbox from "# 1" to "# 2", to change the viewable div.... Hope this makes sense and somebody can help... THanks in advance :-) hi, I've been making a search box, which works as it should like this: Code: function searchLocations() {
var input = document.getElementById('tb').value;
if (!input) {
alert("please enter a name");
} else {
for (var j = 0; j < gmarkers.length; j++) {
if (gmarkers[j].myname.toLowerCase() == input.toLowerCase()) {
gmarkers[j].show();
myclick(j);
}
}
}
}
but then if the user types a term that doesn't match, it does nothing. So I wanted an alert, which I figured would go like this: Code: function searchLocations() {
var input = document.getElementById('tb').value;
for (var j = 0; j < gmarkers.length; j++) {
if (input.toLowerCase() == gmarkers[j].myname.toLowerCase()) {
gmarkers[j].show();
myclick(j);
} else
alert("no results found");
}
}
or this: Code: function searchLocations() {
var input = document.getElementById('tb').value;
for (var j = 0; j < gmarkers.length; j++) {
if (gmarkers[j].myname.toLowerCase() !== input.toLowerCase()) {
alert("no results found");
} else {
if (gmarkers[j].myname.toLowerCase() == input.toLowerCase()) {
gmarkers[j].show();
myclick(j);
}
}
}
}
but either way pops an alert, even if the search term is valid, and locks the page up. which is not quite what I was looking for. any suggestions? hello. I have several switch menus that are VITAL to my website's navigation. They all worked very well when I tested the pages in all browsers. However, I finally FTPed my site to the internet, now when you click a link from a switch menu, instead of staying opened due to the onLoad function in the body, they do not appear. Strangely, the only way to get my switch menus to show is to refresh the page. Suggestions? Is there coding to force the page to refresh to look the way I want it? thanks see website he www.jingspa.com ignore the first menu link, it's different. notice how you go to a section and the menu closes when you click on something? hit refresh, and the menu will be there... I'm writing a cookie editor for Chrome and I have something weird happening in my code. First, I get a list of domains. Code: function(historyItems) {
for (var i = 0; i < historyItems.length; i++) {
var domain = domainRE.exec(historyItems[i].url);
if(domain != null && domain.length > 0)
{
var domainStr = "" + domain[1].replace('www.', '');
}
if(domainStr != null && !includes(domains, domainStr))
{
domains.push(domainStr);
}
}
}
Then I sort them and add them to another array: Code: var list = new Array();
//alert(domains[5]);
domains.sort();
for(var i in domains)
{
if(typeof domains[i] == "string")
list.push({"id": domains[i], "iconCls":"icon-docs", "text": domains[i], "singleClickExpand":false, "href":"javascript:showCookies('" + domains[i] + "');", "leaf":true});
}
See that alert() statement? If I uncomment it, my script works fine and list is populated. However, when commented out, list doesn't get populated, though I have verified all of the domains are actually in the domains variable via Chrome's JS console. I'm utterly confused. I have verified that every variable involved is of the right type, the only thing that fixes it is that alert() statement. I have a DIV that contains a sentence, call it Text_A. When a button is clicked, I would like to have Text_A replaced by Text_B. Text_A = The sky is blue. Text_B = The grass is green. How would I do this with simple javascript? A non-programmer thank you immensely. Mike Hi, Any help would be greatly appreciated. Below is the javascript that I am having a problem with. The two id's in question are at the end of the javascript. fyi Its for a form. What will happen is that the user selects the first dropdown with an id of 00N20000001HjsR. They then selects another dropdown with an id of 00N20000001Hp9Q. What I want is that on the second dropdown, if the user selects the value of Beauty Therapy, it will change the value of the first dropdown (id 00N20000001HjsR) to 'ANCB'. The problem I have at the moment is that it is not overriding the original dropdown selection. Any ideas on how to solve this? Much appreciated in advance, thanks!!! Code: <script type="text/javascript">
//check if prospectus is on
document.formRec.onsubmit = function() { return ValidForm(); };
function ValidForm(){
if (document.getElementById("first_name").value == ""){
alert("Please enter your first name");
document.getElementById("first_name").focus();
return false;
}
if (document.getElementById("last_name").value == ""){
alert("Please enter you last name");
document.getElementById("last_name").focus();
return false;
}
if (document.getElementById("email").value == ""){
alert("Please enter your email address");
document.getElementById("email").focus();
return false;
}
if (document.getElementById("phone").value == ""){
alert("Please enter your contact number");
document.getElementById("phone").focus();
return false;
}
if (document.getElementById('00N20000001Hp9a').value== "--None--"){
alert("Please choose you country of citizenship");
document.getElementById('00N20000001Hp9a').focus();
return false;
}
if (document.getElementById('00N20000001HjsR').value== "--None--"){
alert("Please select type of study you are interested in");
document.getElementById('00N20000001HjsR').focus();
return false;
}
switch (document.getElementById('00N20000001Hp9Q').value) {
case "--None--":
alert("Please select area of study you are interested in");
document.getElementById('00N20000001Hp9Q').focus();
return false;
break;
case "Beauty Therapy":
document.getElementById('00N20000001Hp9Q').value = "Beauty Therapy";
document.getElementById('00N20000001HjsR').value = "ANCB";
break;
}
return true;
}
</script>
Hi I have create a website where many features do not support IE versions, Can someone help me on javascript code that can alert the user to use Netscape to access my website.. I mean Javscript alert code that will recommend the user to use netscape to access my website .. Any help will be much appreciated Hi, I believe this question has been asked by someone else before. However, it seems that the problem wasn't resolved. I'm having some trouble with the Switch Statements. My program runs without it so I know that the problem is here. I believe the logic is sound so it may be due to incorrect syntax. I will appreciate if someone could take a look at my code below and guide me in the right direction. Thank you. The purpose of this function is to create bars, and the length of the bars is determined by the value of the "percent" variable (which is working fine) in the For loop after the Switch statements. The variable, "partyType" contains any of the text strings, such as "I", "D", etc. Code: function createBar(partyType,percent){
var barText;
switch(partyType){
case "D":
barText="<td class='dem'></td>";
break;
case "R":
barText="<td class='rep'></td>";
break;
case "I":
barText="<td class='ind'></td>";
break;
case "G":
barText="<td class='green'></td>";
break;
case "L":
barText="<td class='lib'></td>";
break;
default: document.write("hi");
}
for(var i=1; i<percent; i++){
document.write(barText);
}
}
}
Hello I have issue and question. My software is taking value "inputVal" and assign it to the variable inputValue for example: assdsf than value "inputTyp" and assign it to the variable inputType for example: string so I want now to switch betwean "inputType" using "switch case" Every case has some "code" inside. So if my software choosed for example: inputType which is for example STRING value I want to RUN case 'string': But it doesn;t works ;/ It doesn't goes to any case;/ what is wrong with the code ;/ every case should test according regular expressions is string a string or email is email or number is number etc... and result: "false or true" should be assign to new variables for example "inpNUMBER" "inpEMAIL" etc. please help here is a code Code: inputValue = scriptletContext.getLocal("inputVal");
inputType = scriptletContext.getLocal("inputTyp");
//scriptletResult = inputType;
switch (inputType)
{
case 'number': scriptletResult=("inpNUMBER",/^[-+]?\d+(\.\d+)?$/.test(inputValue));
//scriptletContext.put("inpNUMBER",/^[-+]?\d+(\.\d+)?$/.test(inputValue));
case 'email': scriptletResult=("inpEMAIL",/^(([^<>()[\]\\.,;:\s@\"]+(\.[^<>()[\]\\.,;:\s@\"]+)*)|(\".+\"))@((\[(2([0-4]\d|5[0-5])|1?\d{1,2})(\.(2([0-4]\d|5[0-5])|1?\d{1,2})){3} \])|(([a-zA-Z\-0-9]+\.)+[a-zA-Z]{2,}))$/.test(inputValue));
//criptletContext.put("inpEMAIL",/^(([^<>()[\]\\.,;:\s@\"]+(\.[^<>()[\]\\.,;:\s@\"]+)*)|(\".+\"))@((\[(2([0-4]\d|5[0-5])|1?\d{1,2})(\.(2([0-4]\d|5[0-5])|1?\d{1,2})){3} \])|(([a-zA-Z\-0-9]+\.)+[a-zA-Z]{2,}))$/.test(inputValue));
case 'string': scriptletResult=("inpALPHA",/^[a-z0-9]+$/.test(inputValue));
//scriptletContext.put("inpALPHA",/^[a-z0-9]+$/.test(inputValue));
case 'ip': scriptletResult=("inpIP",/^((25[0-5]|2[0-4][0-9]|[01]?[0-9][0-9]?)\.){3}(25[0-5]|2[0-4][0-9]|[01]?[0-9][0-9]?)+$/.test(inputValue));
//scriptletContext.put("inpIP",/^((25[0-5]|2[0-4][0-9]|[01]?[0-9][0-9]?)\.){3}(25[0-5]|2[0-4][0-9]|[01]?[0-9][0-9]?)+$/.test(inputValue));
default:
scriptletContext.put("errors",inputType)
};
I'm still new to javascript.. My question: How and where do I add an alert that comes up to make sure the user answers all questions before the pop-up window comes up to display score and answers? Here is a link to the quiz Thanks sooo much!! Below is the code.. Code: <script language="javascript" type="text/javascript">
var done = new Array;
var yourAns = new Array;
var score = 0;
function getRBtnName(GrpName) {
var sel = document.getElementsByName(GrpName);
var fnd = -1;
var str = '';
for (var i=0; i<sel.length; i++) {
if (sel[i].checked == true) { str = sel[i].value; fnd = i; }
}
// return fnd; // return option index of selection
// comment out next line if option index used in line above
return str;
}
function StatusAllCheckboxes(IDS,cnt) {
var str = '';
IDS = 'q'+IDS;
var tmp = '';
for (var i=0; i<cnt; i++) {
tmp = document.getElementById(IDS+'_'+i);
if (tmp.checked) { str += tmp.value + '|'; }
}
return str;
}
// function Engine(question, answer, opt, Qtype) {
function Engine(question, answer, Qtype) {
switch (Qtype) {
case "RB" : yourAns[question] = answer; break;
case "SB" : yourAns[question] = answer; break;
default : yourAns[question] = ''; alert('Invalid question type: '+Qtype); break;
}
}
function EngineCB(question, answer, itemcnt) { // answer is not used at this time
yourAns[question] = StatusAllCheckboxes(question,itemcnt);
// alert('question: '+question+' :'+yourAns[question]);
}
//This is the code that calculates the score.
function Score(){
score = 0;
var tmp = '';
var answerText = "Quiz Results<p>"; // alert('Size of QR: '+QR.length);
for (var i=1; i<QR.length; i++) {
answerText = answerText+"<br>Question :"+i+" Your answer: "+yourAns[i]+"<br>";
tmp = QR[i][3];
if (QR[i][0] == 'CB') { tmp = tmp+'|'; }
// alert(i+' : '+tmp+' : '+yourAns[i]+'\n\n'+answerText+'\n\n');
if (tmp != yourAns[i]) {
answerText = answerText+"<br>The correct answer was "+QR[i][3]+"<br>"+explainAnswer[i]+"<br>";
} else {
answerText = answerText+" <br>You got this one right! <br>";
score++;
}
}
answerText=answerText+"<br><br>Your total score is : "+score+" out of "+(QR.length-1)+"<br>";
// for varying number of questions, alter scoring
var ScoreMax = QR.length-1;
var ScoreInc = Math.floor(ScoreMax / 12); // Don't have fewer than 5 questions.
answerText=answerText+"<br>Comment : ";
if(score<=ScoreInc){ answerText=answerText+"Not quite."; }
if(score>=(ScoreInc+1) && score <=(ScoreInc*2)){ answerText=answerText+"Try Again!."; }
if(score>=(ScoreInc*2+1) && score <=(ScoreInc*3)){ answerText=answerText+"Rats!."; }
if(score>=(ScoreInc*3+1) && score <=(ScoreInc*4)){ answerText=answerText+"Maybe better next time"; }
if(score>=(ScoreInc*4+1) && score <=(ScoreInc*5)){ answerText=answerText+"Try Again!"; }
if(score>=(ScoreInc*5+1) && score <=(ScoreInc*6)){ answerText=answerText+"I bet you can do better!"; }
if(score>=(ScoreInc*6+1) && score <=(ScoreInc*7)){ answerText=answerText+"Hey, pretty good job!"; }
if(score>=(ScoreInc*7+1) && score <=(ScoreInc*8)){ answerText=answerText+"You almost got it!"; }
if(score>=(ScoreInc*8+1) && score <=(ScoreInc*9)){ answerText=answerText+"Pretty Good! "; }
if(score>=(ScoreInc*9+1) && score <=(ScoreInc*10)){ answerText=answerText+"Almost! You can do it!"; }
if(score>(ScoreInc*11+1)){ answerText=answerText+"You did GREAT! Congratulations."; }
var w = window.open('', '', 'height=500,width=750,scrollbars');
w.document.open();
w.document.write(answerText);
w.document.close();
}
</script>
Code: <form name="myform" class="quiz">
<ol>
<script type="text/javascript">
var str = '';
var tmpr = [];
var resp = ['True','False']; // allows for up to 10 responses (can have more)
for (q=1; q<QR.length; q++) {
str += '<li class="quiz">'+QR[q][1]+'</li><br />';
tmpr = QR[q][2].split('|');
switch (QR[q][0]) {
case 'RB' :
for (var r=0; r<tmpr.length; r++) {
str += '<input type="radio" name="q'+q+'" value="'+resp[r]+'"';
str += ' onClick="Engine('+q+',this.value,\''+QR[q][0]+'\')">';
str += ' '+tmpr[r]+'<br />';
} break;
case 'CB' :
for (var r=0; r<tmpr.length; r++) {
str += '<input type="checkbox" id="q'+q+'_'+r+'" name="q'+q+'" value="'+resp[r]+'"';
str += ' onClick="EngineCB('+q+',this.value,'+tmpr.length+')">';
str += resp[r]+' '+tmpr[r]+'<br />';
} break;
case 'SB' :
str += '<select name="q'+q+'" size="1" id="q'+q+'"';
str += ' onClick="Engine('+q+',this.value,\''+QR[q][0]+'\')">';
for (var r=0; r<tmpr.length; r++) {
str += '<option value="'+resp[r]+'">';
str += tmpr[r]+'</option>';
} str += '</select>'; break;
/* test code for future entries -- not implemented yet
case 'CBM' : break;
case 'SBM' :
str += '<select name="q'+q+'" size="1" id="q'+q+'"';
str += ' onClick="Engine('+q+',this.value,\''+QR[q][0]+'\')" multiple>';
for (var r=0; r<tmpr.length; r++) {
str += '<option name="q'+q+'" value="'+resp[r]+'">';
str += tmpr[r]+'</option>';
} str += '</select>'; break;
*/
default : str += q+': Invalid type: '+QR[q][0]; break;
}
str += "<p />";
}
document.write(str);
</script>
<br />
<br />
<input type=button onClick="Score()" value="How did I do?">
</ol>
</form>
Hi, I'm not too familiar with javascript but I am trying to find a script which I can enter a specific time and date and when that date is reached the script will alert me with a desired message. (not looking for a calendar) Help would be appreciated Harry Hi Guy's, Hope I'm posting in right forum I haven't been here for years I have a program that allows us to insert an alert box on our website triggered by the no right click....... Now we just insert text because the program allows us to but I want to use "&" this is going into a Javascript and it comes out as "&" I know JS uses ampersand I have tried all methods of putting this in but just get & etc...... Any chance someone knows otherwise plz?? Frank hi i am having an issue with javascript on my web site. i am a complete noob at this. the objective is to have the page pop up an alert any time the submit button is pressed: 1st if there is no name on the form the alert says "please enter you first name" and returns a false value to the from 2nd if there is a name on the form the alert is supposed to have a thank you message my problem is that it doesn't show the alert when there is a name here is the code Code: <head>
<script type="text/javascript>
function write(person) {
alert("Thank you for conacting us, "+person+"!");
}
function formgo() {
var name=document.getElementById('namein').value;
if (name==null || name=="") {
alert("Please enter your name");
return false;
}
writety(name);
document.forms('contact').reset();
}
</script>
</head>
<body>
<form>
<fieldset id="contactinfo">
<legend>Contact Details</legend>
<label>
Name
<input type="text" name="name" id="namein" placeholder="First and Last name" />
</label>
</fieldset>
<fieldset id="submitbox">
<input type="submit" id="submit" value="Submit" onclick='formgo()' />
</fieldset>
</form>
</body>
please reply or email me thank you -misstam Hi everyone. I need a Javascript code for the following: i have a checkbox on my page. when this checkbox got checked, an alert like "Are u sure?" must ask if OK or Cancel. if i click OK the checkbox becomes checked, it runs a javascript function (chkIt() )and refreshes the page. if i click Cancel the checkbox should not became checked and my function will not run. Thanks a lot. Hi I'm making a php/html page and using javascript to keep a count for me. Code: <script type="text/javascript"> var i=0; }</script> . . . <form action="index.php" method="GET"> <input name="game_button" id="guess1" type = "submit" name="1" value="1" style="height: 50; width: 50; font-size: 16" onClick = "i=i+1;"/> </form> <input type="button" onClick = "alert(i);"/> The last button is just a test button, which will tell me what the value of "i" is, but I'm not getting anything when I cllick that button. However if I change the onClick from alert(i), to alert('i') it will alert me a string, so I know the javascript is working. Any ideas? I'm fairly new to javascript and would appreciate any help offered. I'm trying to use the input from an HTML form to interact with a switch statement in javascript. I want my users to input a few specific words, and have each word they input redirect them to a specific page. Below is what I've currently come up with. I cannot get it to function properly as it continues to display the default output regardless of the input Code:
<script language="JavaScript" type="text/javascript" >
<!--
function checkform ( form )
{
var favcolour =("form.data", "")
switch (favcolour) {
case "red":
window.location="index.html";
break;
case "green":
window.location="index.html#tips";
break;
case "blue":
window.location="index.html#blue";
break;
default:
document.writeln("Invalid Input");
};
}
// -->
</script>
</head>
<body>
<form action="" method="post" onsubmit="return checkform(this);">
<input type="text" name="data" />
Again any help would be greatly appreciated! I have been looking all over the web for a solution, because my website displays funky in safari. To fix this i figured i'd tell users that if they are using safari, then using javascript, i could tell them a message. Originally i tried detecting safari then displaying a message. But i couldn't ever find a browser detection for safari. So i thought wait.... If i could: 1. get a javascript alert saying my message. 2. time that message alert frequency by a session, say 10 days? or even every browser session... Then i could solve my problem. However i can't figure out any of this. So if anybody would be willing to help, i'd be very grateful. Bear with me, as I do not know where the problem lies. I know this is a lot of code. I have acquired this code and am not sure what to change to make it work how I want it to. Basically it prompts, with a Javascript alert, for the visitor to take a survey. If they hit OK it redirects them to a landing page, if they hit CANCEL it lets them go on their way. FIRST OFF THANK YOU SOOOO MUCH FOR ANY HELP YOU CAN PROVIDE ME!!! I would like for the script to execute even when the visitor types a URL in the address bar and exits that way versus just alerting the visitor when they click an external link. That is the main goal that I need help with. I would also like the script to use cookies so that it doesn't pop up for a visitor more than once in either 7 or 14 days. This isn't as big of a deal as the problem listed above but is more of a bonus if I can get it. I have listed all pages with code that pertain to this code because, as listed above, I do not know where the problem lies. If it helps, this code is also based off of the jQuery code. Below is the page where the code executes: Code: <html>
<head>
<script src="SurveyRelocationManager.js"> <!-- --> </script>
<script type="text/javascript" src="jquery.js"></script>
<script>
<!--
var srm;
function init(){
srm = new SurveyRelocationManager();
srm.setSurveyURL("http://www.poddcorp.com"); //change to the correct survey URL
//add the internal URLs, if internal popup does not deploy
srm.addInternalURL("https://secure3.convio.net/ucs/site/Advocacy/");
srm.addInternalURL("http://ucs.convio.net/site/Ecard/");
srm.addInternalURL("https://secure3.convio.net/ucs/site/Donation/");
srm.addInternalURL("http://ucs.convio.net/site/UserLogin/");
srm.addInternalURL("http://ucs.convio.net/site/PageServer?pagename=sign_up/");
srm.addInternalURL("http://www.ucsusa.org/");
$("a").click(function () {
return srm.onBeforeClick(this);
});
}
window.onload = init;
-->
</script>
</head>
<body>
<a href="http://www.ucsusa.org/internal.html">internal</a><br />
<a href="http://www.themmrf.org/donate-now-take-action/join-an-event/powerful-athletes/mmrf-triathlon-and-cycling.html">external link</a><br />
<a href="internal.html">internal</a><br />
<a href="http://www.yahoo.com">external link</a><br />
<a href="http://www.ucsusa.org/global_warming/">another internal</a>
</body>
</html>
Below is other code (SurveyRelocationManager.js) that helps execute the script: Code: function SurveyRelocationManager(){
//Constr.
this.aInternalURLs = new Array();
}
SurveyRelocationManager.prototype.init = function(){
this.setInternalURLs();
}
SurveyRelocationManager.prototype.setSurveyURL = function(s){
this.sSurv = s;
}
SurveyRelocationManager.prototype.getSurveyURL = function(){
return this.sSurv.valueOf();
}
SurveyRelocationManager.prototype.addInternalURL = function(s){
this.aInternalURLs.push(s);
}
SurveyRelocationManager.prototype.removeInternalURL = function(s){
for(var a = 0; a<this.aInternalURLs.length; a++){
if(this.aInternalURLs[a] == s){
this.aInternalURLs.splice(a, 1);
}
}
}
SurveyRelocationManager.prototype.getInternalURLs = function(){
return this.aInternalURLs.slice(0);
}
SurveyRelocationManager.prototype.getURLIsInternal = function(s){
var t;
/*
KLUDGE: t.indexOf returns -1 if aInternalURLs has no
slash at the end. Somehow forward slashes cancels the eval.
TODO: Refactor t.indexOf.
*/
for(var a = 0; a<this.aInternalURLs.length; a++){
t = this.aInternalURLs[a];
//
if(s.indexOf(t) != -1){
return true;
}else if(s.indexOf('http://') == -1)
return true;
}
return false;
}
SurveyRelocationManager.prototype.onClick = function(o){
var b = this.getURLIsInternal(o.toString());
if(!b){
var c = confirm("Do you want to take the survey?");
if(c){
//TODO: Relocate here.
document.location = this.getSurveyURL();
} else {
return true;
}
} else {
return true;
}
return false;
}
Note: The only other page that isn't located on this post is the jQuery code. Because of it's length it wouldn't allow me to include the code. You can visit jquery.com to view the code. Or message me and I can send it. THANKS A MILLION! Hi, I need to a small task in Javascripts and I would like to know whether this can be done. If someone knows a way that can be done or provide me some code, I would be more greatful. This is the task I need to do :- I have a small shoppig cart. I want when a customer visit the site, if that is his first time on the website and before he quit the browser or go to another URL of another domain or press back and go to another page, an alert should pop up. I have did this using cookies and Javascripts and it is working properly as I wanted. But this alert pops up even when I go inside of my own web. I want this alert only to popup when they leave from my web or go to anyother and it should not popup when I click on my links or go in to my web. I hope, I explained what I want and it is clear. Please if someone knows a solution for this. Please send me your ideas or if you have some codes that can be helpfull to me, please send me. Thank you. |
|||||||