I have a hyperlink that is draggable (using Prototype's "new
Draggable()" construct). I want to be able to drag the link without
actually 'clicking' the link once i end the drag. Is there a way to
disable this event? Code:
I am a JQuery newbie, and was asked to use jquery to do something like this: when clicking hyperlink A, it actually clicks hyperlink B? How to accomplish this using jquery?
View 1 Replies View RelatedIs it possible to post a variable when clicking on a hyperlink? Preferably without a form.
Can a variable be posted without a form?
Is there any chance to get it working in IE and FF
as far as i know this function "insertAdjacentHTML" doesn't work in FF
can someone try it for me ?
i wanna add this code dynamicaly by clicking on some hyperlink...
<fieldset style="float: left; width: 114px; text-align: center;"><a href="news.php" style="font-size: 9px;"><img src="../images/categories/0.jpg" alt="Osobné vozidlá"><BR>Osobné vozidlá</a></fieldset>
I have a cfm file that has a url that directs the page to another cfm pageI would like on clicking the url to call a coldfusion function befor going to the next pageexampleI have a component mycomponent
<cfcomponent>
<cffunction name="increaseviews">.
<cfargument arg1..>
[code]....
Is it possible to have a draggable div that will only be draggable between certain coordinates? in other words create a window through which the draggable div is visible and draggable. Would you use a stop drag when cursor hits a certain point? my div is a map and will be about 2000px by 2000px and want to have a fixed position and size of 500px by 500px so that that is all the user will see or be able to interact with. I know in image slider plugins that the divs scroll to the side or up and down through what appears to be a window so it should be possible?
View 8 Replies View RelatedI am trying to assign an "onclick" event to a dynamically-created DOM
element (an image).
I have read countless times that "eval()" is to be avoided at all costs.
However, I cannot seem to get my new onclick to work without it.
Here's what I have so far:
myeval = 'detachFile(this);'
detachImage = getElementById('detach-jfhahhf');
detachImage.onclick = function() { eval(myeval) }
This works perfectly fine for me, but this is a web-app that will be
exposed to public users, and I obviously don't want them being able to
eval anything if i can help it.
Can that be done without the eval()?
I'm using an ActiveX control in my html page.. Each time i load the page ie pops a message box to allow the activex to run or not . Is there any way to handle that message box using javascript. Or is there any other way to avoid that message box because each time the page loads i have to give yes and then proceed. By default i've to give yes is there any way to handle that using javascript.
View 1 Replies View RelatedI have a page that submits to a db then re-loads its self with new information. Unfortunately it goes wrong when the user double clicks on a one of many text links that provides the info for the display on reload. How do I stop users from double clicking on the page? Ideally I think I would like to call some sort of js function from body onload as I presume this would then cover the whole of the page, but have no idea if this is possible or how to go about writing it.
View 8 Replies View RelatedI wrote this function to avoid the enter key in some of my textboxes.
In IE the function works as expected, in Netscape 6 or 7 it does not
work. How can I make my function works in both IE and Netscape.
<input type="text" maxlength="13" id="txtType" onKeyPress="NoEnter();"
/>
<Script language='Javascript'>
function NoEnter()
{
if (window.event.keyCode == 13)
{
window.event.cancelBubble = true;
window.event.returnValue = false;
}
}
</Script>
Im working on a project for my website where I would like to be able to change the value of a number by using js, and using getElemenById. For example:
"The taxi fare is $25"
"A hamburger is $4"
In the above sentence I would like to be able to change the value of 25 & 4 by giving them an id and then using js to increase (or decrease) their value, to allow for future inflation, without having to go back and manually change every number on lots of pages (if for example in 1 years time a hamburger is worth $6 then the info above is outdated and should be changed). If i could use a variable such as "RateUSD = 1" I could increase "1" to say "1.05" and it would increase the value of all id='USD' by 5% onload rather than having to manually change it by typing.
I so far have come up with the code below, but I think the reason it does not work is because I have created a circular equation - id='USD" is the start of the equation, but it is also in the equation itself, and it is the resulting answer, so effectively I have created "A = A*B", or in this case "25 = 25*1.1"
I chose "id" as I would like to be able to have different currencies (with different id, such as 'EURO','GBP', etc) on the same pages and on multiple pages. I'll crack it eventually, I would just like to know if I'm heading in the right direction, or is there a better method that I could use? I found plenty of example for changing text with "innerHTML", but so far I haven't seen any for updating numbers onload by calculation, except for forms, etc, which are different.
The code:
<html>
<head>
<script type="text/javascript">
function changeCurrency(){
[Code].....
I will later put the js in an external file with a link to it "...src="support-files/currencyChange.js" (or something like that), but for now I have put it on the same page.
Is it possible to have only vertical scrolling enabled on a DIV?
style="BORDER:1px ; OVERFLOW: auto; WIDTH:799px; HEIGHT:249px;position:
absolute; top:0; left:0; "
will have both horizontal and vertica scrollbars once the dim of the content
exceeds the DIV's size.
Can it be made so only vertical scrollbars will appear?
Value entered in textarea is: "this "TEST" is not going well"
JS sends to server this value: "this "TEST" is not going well"
How to force JS not to convert the string ? I want JS to send exactly what
is typed in the form controls. Is there a function to call?
I have to access a website which does a stupid browser check and only
accepts Netscape 4.7. The problem is that I have to access the website with
Mozilla or Internet Explorer. Code:
currently i am developing w3schools type website.
w3schools has ' Try it Yourself ' tab when visitors can edit code for tutorial.i wanna doing this type of function and i have already done but only a problem facing.An additional code Website Analytic Code always appears in my ' Try It Yourself ' textarea field.how can i avoid this additional code?
I'm writing a very simple code. Basically, there will be an array of strings from which one is randomly chosen and written to an element on the page. Here is a simplified version of how I'm executing it:
<html>
<head>
<script type="text/javascript">
function dyk() {
document.getElementById('test').innerHTML = "foobar"; }
</script>
</head>
<body onLoad="dyk();">
<div id="test">Hello<br />
</div>
</body>
</html>
My only concern is the "Active Content" warning that comes up in IE. The clientele (mostly older people) are probably going to be IE users and many of them might be so untrusting of computers that they'll take the warning as a legitimate concern. Is there another way to write this simple code to avoid the warning?
I want to know how to avoid inserting multiple records. Below is my case;
(1) I have a jsp page - when a timer for a particular product reaches 3 mins, i am getting that particular productid and sending the productid through ajax
(2) in the ajax script, i am getting the product id and redirecting to a jsp page
(3) in that jsp page, i am inserting a record to a table for that particular productid. Everything works fine, but many records are inserting, i just want to insert only one record.how to stop or avoid inserting multiple records.
Say that you have a table with id Testresults. Now you also would like to show diffrent parts of that table inside diffrent divs that also contain a table.
for example
Code:
<div id="OK testcases">
<table id="oktestdiv">
<tr id="row1" class="ok"><td>ok</td></tr>
</table>
[Code]....
I naturally don't want to write the code for the table at multiple places of the page. Notice also that my site only contains of one site, containing many divs.
what's the way to avoid configuration object is undefined?
[Code]...
I want to know how to avoid inserting multiple records. Below is my case;
(1) I have a jsp page - when a timer for a particular product reaches 3 mins, i am getting that particular productid and sending the productid through ajax
(2) in the ajax script, i am getting the product id and redirecting to a jsp page
(3) in that jsp page, i am inserting a record to a table for that particular productid. Everything works fine, but many records are inserting, i just want to insert only one record.
I have a set of Div's which are all draggable, the coordinates of the div's are stored in a DB, so each time the page is reloaded the div's will have the same pos as they have when previous visitor left it.
There's one area on the page which uses the droppable function, when you place an div within the area the div, which is placed within the area. changes color.
My problem is that if a place a div in that area and then reload the page i find the div within the area but the div has the same color as if it would have when it's not located in the droppable area. In other words, It only changes color when I use the mouse to drag the div to the area not when it's positioned in the area with the coordinates from the DB.
I am trying to create some ajax/javascript to append the scriptaculous Draggable to a number of div elements with a className of draggable. The problem is i need to get the id's of each element to make them draggable, as simply making all div elements on the page draggable would effect other elements on the page which I dont want to be so.I need to:-
1.create a collection of div elements with className - draggable
2. make a list of all the element id's
3. make all elements with said id's draggable
I have left out the draggable part from the code, I have simply been trying to get the element id's to display so far
var dv;
var dh;
dv = document.getElementsByTagName('div');
if (dv.className == 'draggable')[code].....
I keep getting the alert message "no id" loaded
How to avoid the execution of a function at the time of defining.
Here i am giving the details.
I am creating the following div container through DOM.
<div id="content">
<a href="#" onclick="displayDiv('content')" Click</a>
</div>
The Code is:
var category_list = document.getElementById('category_list');
var dom_div = document.createElement('div');
dom_div.id = 'content'
var dom_link = document.createElement('a');
dom_link.href ='#'
dom_link.onclick = displayDiv();
val = document.createTextNode('Click');
dom_link.appendChild(val);
dom_div.appendChild(dom_link);
category_list.appendChild(dom_div);
The displayDiv Funcion
function displayDiv()
{
dv = document.getElementById('content'); //Here is the error.
}
The Problem is when the following script:
dom_link.onclick = displayDiv('content');
is executed it is calling the function displayDiv(name)
Here we have the code
document.getElementById('content');
which throws the error.
The reason is the div container is not yet created.
What I need is the function should be called only on the click event. It should not be called while I define it to the Click Event. (ie it should not be called at the time of defining)
How to achieve this.
I have developed a plugin for mutual selection on a list of elements.It works fine if I make those element into mutual list only once.
like $("appropriateSelector").toMutualSelect();
that plugin will add click event handler to each element and they remember the whole list by enclosure.
If I add new elements to that list. and do$("appropriateSelector").toMutualSelect(); again. New elements will behave as expected but old ones will have problems. Each old element will have the same handler bind multiple times to them. That will result like toggle two times andmessingup the outcome. How do I prevent this? I am trying to clean up their bound handlers but seems no luck.
I block some characters to be inserted in my input, for example I don't want the user to insert numbers in a firstname input
View 2 Replies View RelatedI have a text box and everytime I press enter on it I get the form submited. How can I avoid that behaviour? I tried:
for the text onKeyDown="donotsubmit()"
Code:
function donotsubmit {
var keyCode = event.keyCode ? event.keyCode : event.which ? event.which : event.charCode;
//alert(keyCode);
if (keyCode == 13) {
document.form1.submit()=false;
}// if
}
But dosen't seem to work.