I have downloaded 2 html pages that give me page1 with a drop down box for a list, and a 'show' button. this then passes dropdown value to page2 and JS presents the text on the page, but I want to use the passed parameter to change the src of an img with ID=img1.can post all the JS if you like but assume i am missing just a one liner replacing the ....
var name = getValue("name");
document.write(name);
I have a strange problem... I have a form with a text area that contains an XML document. This document can be modified by the user.
Once the document has been modified, the user pressed the "Submit" button to submit the modification (onclick=modify())... and go to another jsp page.... in my javascript, I have the following code:
function modify()
{
myRand=parseInt(Math.random()*99999999); // cache buster
var docXML=document.forms[0].xml.value;
var plist="myRand="+myRand+"&docXML="+escape(docXML);
url="modify_xml.jsp?"+plist;
document.forms[0].action=url;
document.forms[0].submit();
}
With Firefox, the problem does not occur.... but with Explorer, the form is not even submitted!!!!! Is there a workaround for this? The XML document is not even very big.
I'm passing the id of a div as a parameter. I'm not sure how to refer to it with Jquery. The following does not work:
Code:
function updatemail(param1, param2) {
$("#param2").animate({ opacity: "show" }, 300);
}
I also tried $(param2) but it did not work.
New to JS. Have ordered some new books, but need to get somethings going in the mean time. What I wanted to do is to link to a new page having a date range input in the form of 6 text boxes, 2 sets of mm-dd-yy, from and to, where the upon loading the page box 1 of the from would auto focus and then auto tab and then post where php could take over on the server side. Setting up the form and the lay out, no problem. Auto focusing went just like expected using the following code, included because on the next step everything fell apart.
Code:
<script type="text/javascript" >
window.onload=function() {
document.getElementById("input1").focus();
}
</script>
So then the wheels came off and in response, began to simplify what was trying to be done to find where the issues were. As far as I can get working is:
Code:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "[URL]">
<html>
<head>
<script type="text/javascript" >
window.onload=function() {
document.getElementById("input1").focus();
}
</script>
<script type="text/javascript" >
function myFunc() {
alert("is this working");
}
</script>
</head>
<body>
<input id="input1" name="input1" type="text" onkeyup="myFunc()" maxlength="2" value="type a No." />
</body>
</html>
First issue with this: When I first get to the page everything is just as ordered. The focus is on the text box and the default value is "type a No." When I press a key onkeyup, I bring up the alert box with "is this working" in it. But when I refresh the page with the refresh button, after clicking the "ok" on the alert box, the character that was typed in is still displayed. If I use the link to the page, or the URL from the address bar, then the page reloads properly with the default value, "type a No".
How do you get the default textbox value using the refresh button as apposed to reloading the page using a link or from the address bar? Using Firefox 8.0 more important at the moment: If I change the script to pass an argument to the function the script crashes. It does not pull up an alert box and freezes. My guess is that I'm doing something wrong on a concept level. Changed the default value of the text box to " ". Looked like to me there was an issue with the size specification and the default string length as you could only enter in a key stroke by highlighting the text and replacing it.
Code:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "[URL]">
<html>
<head>
<script type="text/javascript" >
window.onload=function() {
document.getElementById("input1").focus();
}
</script>
<script type="text/javascript" >
function myFunc(awe) {
alert(awe);
}
</script>
</head>
<body>
<input id="input1" name="input1" type="text" onkeyup="myFunc("123")" maxlength="2" value="" />
</body>
</html>
why this parameter is not passed to function ?
var myDIVnode1 = document.createElement("DIV");
// etc
myDIVnode1.appendChild(document.createTextNode("a"));
// this shows "a"
alert(myDIVnode1.firstChild.nodeValue);
myDIVnode1.onclick= function() { somefunc(myDIVnode.firstChild.nodeValue); };
function somefunc(param)
{
// this returns "undefined" !!??
alert(param);
}
I posted a similar thread about this in the .NET forum, but I thought maybe there was a javascript way of doing what I need to do.Is there a way to redirect a user to another page while keeping the passed in #parameter?For example, if the user clicks the link:
page1.html#event1
Can I redirect to:
page2.html#event1
Basically keeping the #parameter in tact?
I am trying to match a passed parameter on a url to an area on an image map. So far I can find the correct area using
Code:
$('#mediummap area').each(function(i){
href = $(this).attr('href');
if (href == id) {
alert('Found ID ' + id);
}});}});
But next I need to retrieve the co-ordinates for the Area. I have tried
Code:
coords = $('this').attr('coords');
And
Code:
coords = $('this').coords();
I can not seem to get the value back, just an undefined return. What I want to do is to find the point on the image map and then centre that point with in the viewport for the image (large image, small viewport).
I have a link;
<a href="javascript:{}" onclick="DoSomething(this)">click me</a> And what i'd like to do is use the "this" object to manipulate the css of its parent;
function DoSomething(obj) {
if(obj) {
$(obj).parent.addClass("newstyle");[code]...
Does anyone know how to do this with jquery?
The following information is passed to a script to generate an email
from a form.
<INPUT TYPE="hidden" name="param_recipient" value="me@mycompany.org">
In the form further down on the page, a user enters a value in the ru
field. I want to write something similar to:
if ru=122 then sendformto="me@mycompany.org"
if ru=144 then sendformto="you@mycompany.org"
the paramater above would then become something like:
<INPUT TYPE="hidden" name="param_recipient" value=sendformto>
How would I go about doing this?
I am trying to pass a value using a parameter in html (asp) to a javascript function. When I try to pass a value inside of a variable <INPUT type="submit" value="Next Youth" name=button1 onclick="OnButton1(tst);"> it simply doesn't work (no error msg - just nothing) while if I put a value in the call <INPUT type="submit" value="Next Youth" name=button1 onclick="OnButton1('5393');"> it works fine. The javascript looks like this:
function OnButton1(tst)
{
var pth = "youth_edit3.asp?cIndex=" + tst;
document.YouthEdit.action = pth;
document.YouthEdit.submit(); // Submit the page
}
I've set tst = "5393" but it won't work when I try to pass it. Only a literal value of '5393' works.
I have an image with an onclick function and parameters 0, 1. I want to change the parameters of the onclick function through the same function?
<img id="down0" onclick=swap(0,1) />
<javascript>
function swap(a,b){
var imgda=document.getElementById('down'+a);
imgda.onclick = swap(b,b+1);
}
</javascript>
Normally it should change the onclick to swap(1, 2) but it remains 0, 1.
Code:
document.getElementById('hello').style.border-top = "2px red solid";
What I'm trying to do is just change the top border color of something I defined with css. The code above of course didn't work.. heh. How would I do it?
My script is below
Why wont the Parameter e work in
document.theform.e.style.border="1px solid red";
but it will show the value of e in alert(e) [code]...
I have the following HTML code in main.html:
<tr align="right">
<td width="50%">
...
[Code].....
I'd like capture with capture_profile() function in createproject.html a value into main.html page.
Trying to have plain text that you can click (div of newslink) which toggles the right parameter of other element (div of rightSidebar). Set rightSidebar initially with css: #rightSidebar {right:200%}
Here's what I have for script, but still not working:
<script type="text/javascript">
$j(document).ready(function(){
$j('#newslink').toggle(
function()
[Code]....
I want to understand the callback syntax and pass the id of the html element as any parameter here is my requirement
In my callback, I am passing the load(url..) I want the URL to be dynamic, based on the URL = BaseURL #callingID , where #callingID is the ID of the calling HTML element.
This way I have to write just one callback function and can reuse this to load multiple sections based on where it is coming from.
$('#callback').bind('pageAnimationEnd', function(e, info){
if (!$(this).data('loaded')) { // Make sure the data hasn't already been loaded (we'll set 'loaded' to true a couple lines further down)
[Code]....
.change() is only for form elements minus check boxes/radio buttons, etc.Are any of you aware of a script that does this already? Hopefully one that is easy to implement.I just want to monitor things like height, number of inner elements, or any change in the inner HTML.
View 1 Replies View RelatedI want to change the content of different div's using .html(). The change should be done by clicking on the inner element of the container. The content of the clicked container should be changed with the first container. My problem is, that the following code does the change, but only once. After every div has changed one time, no more reaction is shown.
<script type="text/javascript">
I have just started learning JQuery and have a doubt in the below code. $.get('myhtmlpage.html', myCallBack);The doubt is should the 1st parameter of the get function be a HTML file or can it be a unction name?
View 1 Replies View RelatedI want to change the content of <TD> tag of a HTML table sorted by alphabets(A-Z) in a different HTML table using javascript?
View 2 Replies View RelatedHow do you change the height Javascript to html because it works the first time for me but the second time it does not work
[Code]...
I'm a web design student who has designed a website for a family member in my spare time. The website uses 5 html documents and all share one css document, it has no jscript docs. Recently, we learned how to use jscript to set up an image gallery in class where clicking on a certain button changes the picture shown on the page, my question is can the same thing be applied to the contents of an html document?(<p>,<a>,<img>) I'm aware you can change the contents of say, a <p> with an id tag but I mean to do it for a whole sections of the site. That includes paragraphs, images etc.
If so, it would be great to cut down my html from 6 pages to just one.
I would like to set a status on my page when the user clicks a button while we wait for an AJAX request to return, but that text never shows up. If you run the code below and click the button, you never see "working...". You just wait for 2 seconds, and then you see "DONE". How can I force the browser to render changes to the page as I make them?
<html>
<head>
<title>Testing</title>
[code]....
How can I change the cursor type, when I am over a html element. (on tableCell - I want to make a cursor that is like a hand and not an arrow).
View 4 Replies View RelatedI know this isn't a jQuery question per se, but maybe there is an easier way to do this is jQuery than in javascript?
<script>
I was wondering if there is a better way to accomplish the above? Rather than directly changing the innerHTML of the element is it possible to add a onclick listener (or another javascript listener) to the element in a more direct way without having to go through the html.
how to modify the DOM with jQuery in order to correct an (dynamic) HTML structure. I have a markup like this:
Thinking about a replacewith or append or a combination??
<ul class="MyClass">
Test1 <br />Test2</ul>
But I need to get all texts in the UL be surronded by LIs, and to delete the br.
<ul class="MyClass">
<li>Test1<li>
<li>Test2</li></ul>
In real life this could be a like two text elements like in this example, but it´s dynamic so it could be like 3 or 15 or whatever sometimes.