I have a menu of image links. I'd like them to have roll over images but also to have a drop down menu. Is it possible to have these two actions work at the same time? If so how would you put both actions in onmouseover and onmouseout?
View 1 Replies
I would like to have a link that does two things. One would be to refresh the page and secondly go to a diferent section on the page that I have an anchor to.
View 3 Replies View RelatedCould someone point me in the right direction for making a key function that removes one character from the beginning of a string every time it is pressed (basically the exact opposite of a backspace key)?
View 3 Replies View Relatedswitch(ReadCookie('language'))
{
case 'en':
var ERROR_CANNOT_BE_EMPTY = 'Cannot Be Empty.'
break;
case 'gr':
var ERROR_CANNOT_BE_EMPTY = "αβδσφςετρς;τγασδφγ";
break;
}
my problem is that the second statement which is in greek always appear in gibberish. or any greek that i write in my externally attached js file end up as gibberish when i display it in my html, in which i include the unicode utf-8.
i have to assign events to images with addEventListener function and i have to pass additional arguments. How can i do that? Using addEventListener is the only way, i can't use any other type of event adding. ex.
element.addEventListener('click',elm_event_func,false);
i want that elm_event_func accepts arguments and to be able to pass argument s in the addEventListener.
i tried
element.addEventListener('click',function(e){elm_event_func(arg1);},false);
this works, but the problem is that if i put this in a for loop only the last variable will be passed. ex:
for (var i=0; i<5; i++)
{
//create the elements
//adding events to the different element
element.addEventListener('click',function(e){elm_event_func(i);},false);
}
here is only the i=5 will be passed as argument, don't know why.
I have installed a purchased shopping cart and for the price is does most of what I need...the problem is the shopping cart doesn't empty after the order is sent. I have copied all of the various pieces of the script into an RTF if anyone would like to take a look at it. It's too long to post the whole thing here...or should I?
View 6 Replies View RelatedCode sample:
<script>
alert("°")
document.write("°")
</script>
Question: How can I force alert() to produce the same
result as document.write() ?
unescape() does not work.
I have prepared a form with frontpage.
Before submitting the form I want the user to bu sure that he ha
completed it exactly. Sometimes people click ENTER button just t
continue the fill next part of the form but when we clic
ENTER,unfortunately, the form is submitted directly.
So I have written a function verify with javascript.
As following it works correctly:
onsubmit="return verify()"
So that the user needs to accept that he is OK to submit the form.
But when I added some required parts in the form that should b
verified the first fuction verify is no longer active.
So how can I verify both required parts in the form and that the use
is OK to send the form?
why my code doesn't work. It doesn't open [URL]. It does open it when I comment out "window.location.href...".
Code:
<style type="text/css">
.amount {
padding-top:20px;
}
[Code]....
I have a form. When the user clicks submit I would like form to be sent to two different cgi scripts.
View 7 Replies View RelatedI would like to have two actions for one event. But I want the second action to trigger when the first one action completes. Is it possible to do this in javascript? I'm using the onclick event.
View 23 Replies View RelatedI have the following function - where I can get one of the conditions to work, but not both together. Here's the code:
function test_function() {
$('#form_field_name').focus();
window.location = window.location + "#form_field_name";
}
Basically when clicking an error link, I want to focus onto the form field, and then move to the anchor itself on the page. One of these will work at a time, but not both and I'm not sure why.
Here's the problem :
I have a div named "cat" that I want to hide with a Javascript:animatedcollapse (slideup) action. The action is linked externally on another page.
This is the line/link that hides it : <a href="javascript:animatedcollapse.hide('cat')">Hide the div<br/>
It works fine.
But, I want this action to happen at the same time that you press another link (that other link opens a page in an iframe).
This is the iframe link :
<p><a href="page.html" target="iframe">Open link in iframe</a></p>
Both links work fine. But i want to merge the two together. How?
On click of submit button i want to send email and i am taking client to paypal page to do the payment.. e. i want to send FORM data to two different pages.
function submit_form(form)
{
document.form.action = 'xyz.com/order/email_order.php';
document.form.submit();
[Code].....
I've got a form with some input fields with a submit button for SAVE and another for REMOVE.
Each button use the onclick to set the appropriate action link of the form. But I think this will just not work without JS so, is there any alternative for this?
I basically have no idea what I'm doing. This is in a popup window, and what I want is for the submit button to populate an item to the shopping cart, close the popup window, and return to the parent url (in that order.) The problem I'm having is that I can either get items to show up in the cart, or get the popup to close and return to the url. Not both. Here's what I've got:
[Code]...
I have a javascript code to let people subscribe to our newsletter. I would like to get a mail each time a person get subscribed to our newsletter. The code to let people subscribed to our newsletter is:
[Code].....
The goal of the file is that when it loads in a browser, the 1st image is displayed in the top left (image 7441805.gif), along with the following three titles to the right of the image, as listed below: Java Demystified OOP Demystified Data Structures Demystified
When you place the mouse over "Java Demystified," the 7441805.gif image should still appear (which it does)), and a new window should pop-up and stay on the screen displaying "10% Discount for Java Demystified" until the user decides to do away with the new window by clicking on the "X". The new window does appear for about less than a second , and then goes away (actually it continuously flashes on and off very quickly), which is not what I want.
When you place the mouse over "OOP Demystified," the 0072253630.jpg image should appear (which it does), and a new window should pop-up and stay on the screen displaying "20% Discount for OOP Demystified" until the user decides to do away with the new window by clicking on the "X". The new window does appear for about less than a second , and then goes away (actually it continuously flashes on and off very quickly), which is not what I want.
When you place the mouse over "Data Structures Demystified," the 7417436.gif image should appear (which it does), and a new window should pop-up and stay on the screen displaying "15% Discount for Data Structures Demystified" until the user decides to do away with the new window by clicking on the "X". The new window does appear for about less than a second , and then goes away (actually it continuously flashes on and off very quickly), which is not what I want.
All of the files are loaded on my laptop, which is using Vista, is 32bit, has the IE9 browser installed, and pop-ups are disabled. When I try to use Mozilla (version 6.0), I am unable to disable the pop-ups, and therefore can not even get any new windows to open.
[Code]...
How can I have a button with onclick that calls a function which returns a true/false based on the associated input, and based on the return value shows a message that it was true or false. I see how onclick can call one function, but is there a way to call two functions and use the return value of one of the functions?
[Code]....
I am trying to have two form actions on submission using a
javascript. The first calls a php class (http://www.blah.org/test.php)
and the second adds data to a mySQL database via a php function call (<?
php echo $editFormAction; ?>. Both actions work; however, only the
second action in the fucntion runs. Here is the code:
<script language=javascript>
<!--
function But1()
{
document.form1.action = "http://www.blah.org/test.php"
document.SubmitAbstract.submit(); // Submit the page
document.SubmitAbstract.action = <?php echo $editFormAction; ?>;
document.SubmitAbstract.submit();
return true;
}
-->
</script>
In this example, the document.SubmitAbstract.action = <?php echo
$editFormAction; ?>; action works fine. If I reverse the order:
<script language=javascript>
<!--
function But1()
{
document.SubmitAbstract.action = <?php echo $editFormAction; ?>;
document.SubmitAbstract.submit();
document.form1.action = "http://www.blah.org/test.php"
document.SubmitAbstract.submit(); // Submit the page
return true;
}
-->
</script>
only the test.php file runs. Any ideas?
how can i make the actions happen all together at the same time, not in a series for instance this code will show the balloon first which takes 100th of a second then go to the next list i want this list to happen at once
$("li.il2, li.sw2").click(function () {
$("#balloon").show(100);
("li.il2").animate({backgroundPosition: '0 -17px'})
});
i built a application with the jquery-plugin jstree to maniputate a tree stored in a database. all actions like create, move, delete and rename are fire up ajax-calls to php-scripts with mysql-querys. i got it to work, to display a trobber and 'waiting'-text during the ajax-calls, but what i also want to do is blocking" the site for this time, so that the user HAS TO wait and couldn't click somewhere else. This blocking should be should be visible like the behaviour of modalwindows. the background should be with a dark overlay.
View 1 Replies View RelatedI've got a form that I need to go to two different places. First, I need it to submit a portion (but not all) of inputed data to one url (url.php). If that is successful, I need it to submit another portion of the inputed data to another url (url2.php). The trick is, I need the information from some fields to go to both places, but with different names.
Here's what I'm doing:
$(function() {
$('form').submit(function() {
return false;
$.ajax({
type: "POST",
url: 'url.php',
data: $('.string').serialize(),
success: function(){
$.ajax({
type: "POST",
url: 'url2.php',
data: 'firstname='+$('#Contact0FirstName').val()+'&'+'lastname='+$('#Contact0LastName').val()
});
}});
});
});
I have the information I need to go to url.php serialized by class (.string). Then, I try to make a string out of the data for url2.php. What seems to be happening the form is submitting ALL fields to url.php, ignoring the serialized string I told it to use, and then submitting ALL fields to url2.php, again ignoring the string I told it to use.
I have a text box where a user can press enter, tab (keypress) or click out of it (focusout) and an action happens. The box then gets removed. The problem is, the user presses enter, but that event is fired and then as the text box is removed the focus out is firing again.
How do I prevent removing the text box from firing the focusout action? I can remove the action totally but the text box could be returned to the document later.
I have a calculator, and I can't make it do continuous actions like:
When you press a number and press + and 1 and then press = 3 times so the first number is added 3.
Here's my code:
And this.updateDisplay() is the function to update the display with this.current.
I have some images that I want the user to be able to move around the page. So far, this script in the header allows me to do this:
var ie=document.all;
var nn6=document.getElementById&&!document.all;
var isdrag=false;
var x,y;
var dobj;
function movemouse(e){
if (isdrag){
dobj.style.left = nn6 ? tx + e.clientX - x : tx + event.clientX - x;
dobj.style.top = nn6 ? ty + e.clientY - y : ty + event.clientY - y;
return false;
} }
function selectmouse(e) {
var fobj = nn6 ? e.target : event.srcElement;
var topelement = nn6 ? "HTML" : "BODY";
while (fobj.tagName != topelement && fobj.className != "dragme"){
fobj = nn6 ? fobj.parentNode : fobj.parentElement;
}
if (fobj.className=="dragme"){
isdrag = true;
dobj = fobj;
tx = parseInt(dobj.style.left+0);
ty = parseInt(dobj.style.top+0);
x = nn6 ? e.clientX : event.clientX;
y = nn6 ? e.clientY : event.clientY;
document.onmousemove=movemouse;
return false;
}}
document.onmousedown=selectmouse;
document.onmouseup=new Function("isdrag=false");
The body has this:
<img src="images/balloons.gif" class="dragme">
Now, to be able to use this image as a link, I would have to find the displacement between the mousedown and mouseup coordinates. If the displacement is below say 10px, then the mouseup would bring them to another page. I also wanted to make it so that if the mouseup occurs in a certain area of the page, that the image would move itself to a certain spot.
