|
JavaScript - Send Variables Via Link Without Redirect.
Is it possible to send variables via link in javascript without altering the users window?
Kind of like a redirect without actually redirecting the user. Similar TutorialsI need to add onclick event to an element => myFunction(myVariable) but instead of the myVariable I need it's value to be set as an attr. As in: Code: <!html>
<head>
</head>
<body>
<input type="button" id="element" value="click me!">
<script type="text/javascript">
var myVariable = "myvalue";
document.getElementById('element').onclick = function () {
showIt(myVariable);
}
myVariable = "myvalue2";
function showIt(msg){
alert(msg);
}
</script>
</body>
</html>
Now i need the "click me!" input to alert "myvalue" and not "myvalue2". I've been designing a website and I recently made a few changes to it and now the home button doesnt work properly and I cant figure out why. I think it is javascript related. My problem is when you click on any category in the home page. On the next page the 'Home' link doesnt work. It clearly links back to 'index.php' but it just refreshes the page. What is even wierder is that when you try and manually retype the URL to get to index.php it still doesnt go there it just refreshes the page. I think it may be to do with a javascript redirect script I put in to prevent frames redirecting my parent window but I dont know why it causes the home link to not work properly Any ideas? To see an example of what I mean its on http://whatshalliwatch.net I want to send a simple email with just email & subject only when the user clicks a link that opens a pdf. I'm thinking javascript is the best way to do this but I have no idea how. I have googled it a bunch but most information is about getting an email when someone clicks a link you send in an email. I don't want that. This is on a website. I'm not sure if php would be better to use. Any help would be most appreciated!
I need the code for if the user enters in a code into the field for example E1 and clicks submit it'll redirect them to a certain form. And if another user entered in E2 it would redirect them to a DIFFERENT form. I hope this is the correct category of the site for me to post this. Wasn't sure if it should be here or PHP.
I'm creating a validation form. It's basic information but I want the form to be sent to my email after the form has been validated. My problem right now is when I hit submit my email comes up so I can send it to the assigned email address. It's not checking for errors first. I have created 5 different validation forms and I'm running across the same problem. I'm not sure if it's a function or form issue maybe even both. Any advice would be highly appreciated. Code: <script type="text/javascript">
/* <![CDATA[ */
/* ]]> */
function checkForNumber(fieldValue) {
var numberCheck = isNaN (fieldValue);
if (numberCheck ==true) {
window.alert("You must enter a numeric value!");
return false;
}
else
return true;
}
function checkForLetter(fieldValue) {
var alphaCheck= /^[A-Za-z]+$/ (fieldValue);
if (alphaCheck == true) {
window.alert("You must enter letters only!");
return false;
}
else
return true;
}
function checkEmail(fieldValue) {
var emailCheck = /^\w+([/.-]?\w+)*@\w+([\-]?\w+)*(\.\w{2.3})+$/ (fieldValue);
if (emailCheck == true) {
window.alert("Please enter a valid email address!");
return false;
}
else
return true;
}
function checkAlphanumeric(fieldValue) {
var alphanumericCheck = /^[0-9a-zA-Z]+$/ (fieldValue);
if (alphanumericCheck == true) {
window.alert("Please enter an alphanumeric address!");
return false;
}
else
return true;
}
function buttonPic() {
for (var i=0; i<document.forms.morePic.length; ++i) {
if (document.forms[0].morePic[i].checked == true) {
document.forms[0].morePic[i].checked = false;
break;
}
}
}
function checkPurch() {
for (var j=0; j<document.forms.purchase.length; ++j) {
if (document.forms[0].purchase[j].checked == true) {
document.forms[0].purchase[j].checked = false;
break;
}
}
}
function confirmSubmit() {
var submitForm = window.confirm("Are you sure you want to submit form?");
if (document.forms[0].name_info.value == ""
|| document.forms[0].address_info.value == ""
|| document.forms[0].city_info.value == ""
|| document.forms[0].state_info.value == ""
|| document.forms[0].zip_info.value == "") {
window.alert("You must enter your address.");
return false;
}
else if (document.forms[0].validateEmail.value == "") {
window.alert("Please enter a email address where I can contact you.");
return false
}
var picSelected = false;
for (var i=0; i < 2; ++i) {
if (document.forms[0].morePic[i].checked == true) {
picSelected = true;
break;
}
}
if (picSelected! = true) {
window.alert("Please select if you would like more pictures.");
return false;
}
var purchSelected = false;
for (var j=0; j<2; ++j) {
if (document.forms[0].purchase[j].check == true) {
purchSelected = true;
break;
}
}
if (purchSelected! = true) {
window.alert("Please select if you are interested in one or two vehicles.");
return false;
return true;
}
function confirmReset() {
var resetForm = window.confirm("Are you sure you want to reset this form.");
if (resetForm == true)
return true;
return false;
}
}
</script>
</head>
<body>
<p>Full Name:<input type="text" name="name_info" size="30" onblur="return checkForLetter(this.value);"/></p>
<p>Street Address:<input type="text" name="address_info" size="50" onblur="return checkAlphanumeric(this.value);"/></p>
City:<input type="text" name="city_info" size="20" onblur="return checkForLetter(this.value);"/>    
State:
<select name="state_info">
<option value="chooseYourState">Choose Your State</option>
<option value="alabama">Alabama</option>
<option value="alaska">Alaska</option>
<option value="arizona">Arizona</option>
</select>    
Zip Code:
<input type="text" name="zip_info" size="10" onblur="return checkForNumber(this.value);"/></p>
Email Address:
<input type="text" name="validateEmail" size="30" onblur="return checkEmail(this.value);"/></p>
<p>Would you like more pictures sent to your email?</p>
<input type="radio" name="morePic" value="Yes" onblur="return buttonPic();"/>Yes        
<input type="radio" name="morePic" value="No" onblur="return buttonPic();"/>No
<p>Are you thinking about purchasing one or two vehicles?</p>
<input type="checkbox" name="purchase" value="One" onblur="return checkPurch();"/>One        
<input type="checkbox" name="purchase" value="Two" onblur="return checkPurch();"/>Two
<form action="mailto:abc@yahoo.com" method="get">
<p><input type="submit" value="Send" onsubmit="return confirmSubmit();"/>
<input type="reset" value="Reset" onreset="return confirmReset();"/></p>
</form>
I'm working on a technical document that has a glossary section. When I use a technical term, I link to its definition in the glossary then provide a return link to return the user to whence they came. But if I use that same term again, and if I want to link it to the glossary, I need to duplicate the glossary entry in order to provide a return link that returns them to the right place. Is there some way I could link them to the glossary and embed a unique return link in the link to the glossary?
Here is the script I am using: PHP Code: <script type="text/javascript"> //set all the FCKeditor configuration here and pass it to the editable var oFCKeditor = new FCKeditor( 'editor1') ; oFCKeditor.BasePath = "fckeditor/" ; $('.myipwe').editable( { type: 'wysiwyg', editor: oFCKeditor, onSubmit:function submitData(content){ $.ajax({ type: "POST",url: "save.php?savepage=$page", data: {"content": content.current}, complete: function(){ }, //manage the complate if needed success: function(html){ }//get some data back to the screen if needed }); //close $.ajax( }, submit:'save', cancel:'cancel' }); </script> I'm not very familiar with javascript, but I want to get a variable called $page and then set it as the save.php?savepage=$page link. Anyone please tell me how to do it? Can I send a key stroke to effectively click the back button? Cheers Daniel. I'm trying to make a jQuery slider, and I want the user (the person who installs it on their site) to be able to specify options easily. I know the Nivo slider does it from within the $(document).ready() event, but I can't figure out how to do it that way. I want it to be like this: Code: <script>
$(document).ready(function() {
myFunction({
option1: 'value1',
option2: 'value2',
etc: 'etc'
});
});
</script>
But how do I recover this data so I can use it later? Is it possible to send a checkbox value to the DB when checked and or unchecked. I mean when you Physically chage it's state. I am running a PHP project, the page I need this functionality on has a dynamically built table from the Database. What I need to do is send the value "1" to the DB if I check on one of the rows "Published" checkbox and vice versa, removing the value of 1 from the db and changing the state to unchecked. The reason I ask in the JS forum is that PHP is a server side language and as such may not submit the change in realtime. Any help and or suggestions is much appreciated. Hey guys, I am wondering how to send text to a textarea when clicking on a link. Kinda like when clicking on a smiley or bbcode. I have a script, and it works, but only when the text to insert is on one line. Here is the code: Code: <script>
function sendtext(e, text) {
e.value += text
}
</script>
Code: <img onClick="sendtext(document.myform.mytextarea, ':)')" src="smiley.gif"> Now I want to use this little script to insert an e-mail template which I am getting from the database into my textarea. Only, it works when the template is on one line, I am using this for my php code, which works, so no need to worry about that: Code: <img onClick="sendtext(document.myform.mytextarea, '<? echo ("$row['mytemplate']"); ?>')" src="smiley.gif">
When the "$row['mytemplate'];" is as follows: Code: Hey, this works It works, but when it's as follows: Code: Hey, it does not work Then it doesn't. So whenever there's a linebreak, it does not work. My question is, can someone help me with this, or a similar script, so I can add a piece of text to my textarea which has linebreaks in it? I hope you understand what I'm asking Thanks in advance for the help. Hello, In the following code i'm trying to check if the value of the text field is exist in the array. the problem that the function dose not accept the the value(node.value) from the text field. Code: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Text Validation</title>
<script type="text/javascript" language="javascript">
Array.prototype.inArray = function (value)
{
// Returns true if the passed value is found in the
// array. Returns false if it is not.
alert(value);
var i;
for (i=0; i < this.length; i++)
{
if (this[i] == value)
{
return true;
}
}
return false;
};
function cal(xx)
{
var node_list = document.getElementsByTagName('input');
arr = new Array("");
for (var i = 0; i < node_list.length; i++)
{
var node = node_list[i];
///alert(node_list.length);
// alert(node.value);
arr.push(node.value)
}
alert(xx.length);
//var arr= new Array(1,2,3,4,5,6,7,8,9,10);
if(xx.length!=0)
{
if(arr.inArray(xx))
{
alert("Your value is found in the Array");
}
else
{
alert("Your value is not found in the Array");
}
}
}
</script>
</head>
<body>
<form id="text_validation" name="text_validation" action="" method="post">
<table width="600" border="1">
<tr>
<td><label for="abc_text_1" id="abc_text_1_lb">Text 1</label> </td>
<td>:</td>
<td><input type="text" id="abc_text_1" name="abc_text_1" onblur="return cal(this.value);" /></td>
</tr>
<tr>
<td><label for="cde_text_2" id="cde_text_2_lb">Text 2</label> </td>
<td>:</td>
<td><input type="text" id="cde_text_2" name="cde_text_2" value="abc" /></td>
</tr>
<tr>
<td><label for="fgh_text_3" id="fgh_text_3_lb">Text 3</label> </td>
<td>:</td>
<td><input type="text" id="fgh_text_3" name="fgh_text_3" value="abcaaaaa" onblur="return testvalidation(fgh_text_3);" /></td>
</tr>
<tr>
<td><label for="ijk_text_4" id="ijk_text_4_lb">Text 4</label> </td>
<td>:</td>
<td><input type="text" id="ijk_text_4" name="ijk_text_4" onblur="return testvalidation(ijk_text_4);" /></td>
</tr>
<tr>
<td><label for="lmn_text_5" id="lmn_text_5_lb">Text 5</label> </td>
<td>:</td>
<td><input type="text" id="lmn_text_5" name="lmn_text_5" onblur="return testvalidation(lmn_text_5);" /></td>
</tr>
<tr>
<td><label for="opq_text_6" id="opq_text_6_lb">Text 6</label> </td>
<td>:</td>
<td><input type="text" id="opq_text_6" name="opq_text_6" onblur="return testvalidation(opq_text_6);" /></td>
</tr>
<tr>
<td><label for="rst_text_7" id="rst_text_7_lb">Text 7</label> </td>
<td>:</td>
<td><input type="text" id="rst_text_7" name="rst_text_7" /></td>
</tr>
<tr>
<td><label for="uvw_text_8" id="uvw_text_8_lb">Text 8</label> </td>
<td>:</td>
<td><input type="text" id="uvw_text_8" name="uvw_text_8" /></td>
</tr>
<tr>
<td><label for="xyz_text_9" id="xyz_text_9_lb">Text 9</label> </td>
<td>:</td>
<td><input type="text" id="xyz_text_9" name="xyz_text_9" /></td>
</tr>
<tr>
<td><label for="klm_text_0" id="klm_text_0_lb">Text 10</label> </td>
<td>:</td>
<td><input type="text" id="klm_text_0" name="klm_text_0" value="10" /></td>
</tr>
</table>
</form>
</body>
</html>
Hi all. I have a form that I am writing which needs to send information contained inside a textbox when the user presses the "Post Comment" button. I want it be sent as a parameter to the addComment() function. How can you do this??? I have been trying to figure it out for a while now but can't seem to get the syntax right. This is what my code looks like currently. If possible I would like this to work without referencing the name of this form. Code: <form method="post" name="form" action="" style="padding:0px; margin:0px;"> <textarea name="content" id="content" style="width:600px; height:114px; font-family:Verdana,Arial,Tahoma,Times New Roman; font-size:12px; border:1px #666 solid;" onFocus="this.value=''; this.onfocus=null;">Enter your comment...</textarea><br /> <input type="submit" value="Post Comment" id="v" name="submit" onclick="addComment(this.content.value);" /> <span id="wait"></span><span id="flash"></span> </form> what wrong, it just adds the website to the end of the address bar, and it doesnt redirect???help please <html> <head> <title></title> <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"> </head> <body> <div> <h1>hello</h1> <form onsubmit="return go();"> <select name="website" id="website"> <option value="http://www.google.com/">google.com</option> <option value="www.yahoo.com">yahoo.com</option> </select> <script type="text/javascript"> function go() { var s = getElementById("website"); window.location = s.options[s.selectedIndex].value; return false; //prevents the form from being submitted to the server. } </script> <input type="submit"> </form> </div> </body> </html> i'm a total noob with java and can't seem to figure this out. i want to add a bit on to the current url : this is the code i'm using , it just keeps adding... Code: window.location=(window.location+"?p=62"); am i even doing this right.. any help appreciated.. Hi, I'm trying to change a piece of code I found in a scipt: Code: if (errors == null) {
jQuery('#requestform')
.hide()
.html('<div class="thankyou"><h1>Merci</h1><p>Nous reviendrons vers vous.</p></div>')
.show();
}
Instead of the .html () I would like to redirect to another webpage of my website, in the same window. Anyone can help me? Thanks. Hey all im new to the forum as i have just started playing round with javascript but anyway i have this code PHP Code: setTimeout(top.location='profilec.php?id=' + id,4000); and when executed the time delay is not taken into account at all and completly ignored. If i remove the id var from the code and just have PHP Code: setTimeout(top.location='profilec.php?id=',4000); its fine can anyone tell me why this is happening and if there is a solution :-) thanks before hand mike Hi, I'm trying to redirect my users to their profile, but can't figure out how to put the function into the link. sethighlightedValue(); is a function that returns the users username. Is there anyway else to do this? Here's what I got: Code: case RETURN: window.location = "profile.php?user='setHighlightedValue();'"; this.setHighlightedValue(); bubble = false; break; |
|||||||