Change Img Src With Passed Html Parameter?

Feb 1, 2010

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);

View 4 Replies


ADVERTISEMENT

XML Document Passed As Jsp Parameter In Javascript Ok With Mozilla, Not In IE!!

Sep 27, 2007

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.

View 7 Replies View Related

Jquery :: Syntax To Use ID Passed In Parameter Refer To DIV

Dec 24, 2009

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.

View 2 Replies View Related

Cannot Get Method Argument Passed As Function Parameter

Dec 1, 2011

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>

View 1 Replies View Related

Parameter MyDIVnode.firstChild.nodeValue Not Passed To Function

Oct 1, 2006

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);
}

View 4 Replies View Related

Redirect A User To Another Page While Keeping The Passed In #parameter?

Aug 20, 2009

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?

View 1 Replies View Related

JQuery :: Matching Passed Parameter To Image Map Areas

Aug 23, 2010

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).

View 1 Replies View Related

JQuery :: Use "this" Event Which Has Been Passed To A Function As A Parameter?

Aug 11, 2009

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?

View 2 Replies View Related

If Then To Change A Parameter In Javascript

Nov 30, 2006

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?

View 3 Replies View Related

Pass A Value Using A Parameter In Html (asp) To A Function?

Dec 19, 2011

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.

View 4 Replies View Related

How To Change Parameter Of OnClick Function

Aug 6, 2010

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.

View 2 Replies View Related

Using Javascript To Change Specific Css Parameter

Nov 5, 2003

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?

View 21 Replies View Related

Function Parameter Won't Change Styles

Jun 8, 2009

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]...

View 2 Replies View Related

Capture Parameter From Iframe To Main.html

Aug 28, 2010

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.

View 1 Replies View Related

JQuery :: Toggle Text Link To Change Parameter?

Jun 15, 2010

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]....

View 2 Replies View Related

JQuery :: Callback Syntax And Pass The Id Of The Html Element As Any Parameter?

Mar 9, 2011

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]....

View 1 Replies View Related

JQuery :: Monitor Any HTML Element For Change / In Either It's Inner HTML / CSS?

Apr 20, 2011

.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 Related

JQuery :: Using .html() And .click() - Change The Content Of Different Div's Using .html()

Jul 28, 2011

I 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">

View 1 Replies View Related

JQuery :: Call Back Function - Should The 1st Parameter Of The Get Function Be A HTML File

Jun 23, 2010

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 Related

Change Content Of <TD> Tag Of HTML Table Sorted By Alphabets In Different HTML Table Using Script?

May 29, 2009

I 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 Related

Change Height To Html

Jan 12, 2009

How 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]...

View 2 Replies View Related

Change The Content Of Html?

Sep 27, 2011

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.

View 1 Replies View Related

Only The Last HTML Change Is Shown?

Jan 26, 2010

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]....

View 1 Replies View Related

Change The Cursor Over Html Object

Jul 23, 2005

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 Related

JQuery :: Change Listeners Without Using HTML?

Aug 2, 2011

I 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.

View 1 Replies View Related

JQuery :: Change The HTML Markup

May 13, 2011

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.

View 2 Replies View Related







Copyrights 2005-15 www.BigResource.com, All rights reserved