To get value of element by id from document is very easy:
var example = document.getElementById('myId');
But what if I would like to get value by id from variable:
var example1 = '<a href="example.html" id="myId">lorem ipsum</a>'
Is there any way?
I just donīt know the right syntax for this:
I want to change the css class of the li element from the name hidden to the variable filterVal, but i donīt know the right syntax.
Is it possible to use variables as the name for a form element e.g.
<script type="text/Javascript">
<html>
<head>
<script type="text/Javascript">
var myvar = 1;
</script>
</head>
<body>
<input name="myvar" type="radio" value="radiobutton" />test
</body>
</html>
I tested the above and looked at the course. The name is shown as "myvar" and not "1", so I guess it didn't work.
I have several lines of code in different functions where I need to refer to elements in document.form.max, so I figured I would define it as a global variable called tb1 to shorten the writing. The result however is the page senses an error as soon as it gets to tb1.value, of which I can't figure out why since things work when I change tb1 into a local variable. I was under the impression that global = full scope, so I'm not sure what's wrong here.[code]...
View 12 Replies View RelatedI want to select the element by ID with a variable. Is it possible?
<div id="comment_132"> some value </div>
<script>
var n=132;
alert( $("#comment_"+n).html() ); // Why it's not working??
</script>
I tried and tried for so long to get this to work, but I just can't.
Here's what I did:
var testvar = document.getElementById('example').style.color;
alert(testvar);
Not only would the alert come up empty each time, but IE reports that "testvar" is undefined. Why isn't it working? And if I'm going about it the wrong way, how can I store an element's style info, such as font colour like in this example, as a variable?
I'm a new Javascript coder; it's still pretty easy for me to get snagged on stuff. Anyways, I had a question for a specific project I've been trying to figure out.
I have an element set with CSS to a width of 160px. What I want is a way for users to the site to drag a slider back and forth to set the width of the button. Some sort of smooth animation while this is happening would also be nice. I'd also like a way to set a max width on the element.
So, can this be done? I'm guessing it would use jQuery, but I don't really know.
I'm just trying to output a value, but whenever it gets to "var max = tb1.value;" it stops working. I can't find out what's wrong with my [code]....
View 6 Replies View RelatedHow do i set a page element as a variable and change it?
Ive googled the internet like crazy for an answer for this, but couldnt find it. Im trying to create an animation. My question is, how do i change the width of a div onclick?
Essentially, I want it to add one percent of the value of the width of the div every one second.[code]...
I'm trying to create a function which shows a hidden response when a button is clicked on.I also want to add the response to a variable which lists all the users responses.Here is my code now...
$(".yes").click(function () {var feedback = feedback + $(this).html();
$(this).parent().next("p").show("fast"); });
$(".no").click(function () { $(this).parent().next("p").next("p").show("fast"); });
$("#email").click(function () { alert(feedback) });
The bolded line is the part which isn't working.
I have a variable that contains Form Elements. So these elements can be eitther a :text either a :check box See code below:
var currentValue = $(targetedInput).val() ? currentValue = $(targetedInput).val() : currentValue =$(targetedInput).is(':checked')
I was hopping that this line of code would assign a different value to currentValue depending on what kind of object i have. My idea was that If the current Object is a check bot it doesn t have a val attribute..
but having fun with it. Would like tolearn how to do the following...2) Find the parent <li>.3) Grab the value of the attribute "jcarouselindex" and put it in avariable to be used elsewhere.Sample code below...
<ul id="carousel">
<li class="carousel-item" jcarouselindex="1">
<a href="/someurl"><img src="someimage.jpg" alt="" />
[code]....
What type of variable is an empty array element? I thought it was undefined, but i noticed that they have different behavior than undefined does:
var r=Array(1);
var s=r.concat([0,"",null,undefined]);
alert (s.toSource()) //==="[, 0, "", null, (void 0)]"
typeof s[0] //==="undefined"
typeof s[4] //==="undefined"
As you can see, 0 and 4 both === undefined. Yet, they don't have the same toSource()...
Is this special type named anything specific? Or more importantly, can it be detected outside of an array as being distinct from undefined? I am thinking this would be the same type as ({}).nonProp ...
I guess the question is actually, "can you tell the difference between uninitialized and undefined"?
I'm using this bit of jQ to add a class to two different elements based on the class of another (parent/grandparent, etc) element.
First, when there's no class at all in <div id="main-content">, the 'active' class is added to *all* the #nav-primary LIs, and also to *all* the #aux-left DIVs; how can I modify this so that in the absence of any class on #main-content, do nothing?
Second, how can I target only the first or second of multiple classes to store in the 'containerClass' variable, e.g., <div id="main-content" class="apples bananas">?
My code is this:
Code:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html lang="EN" dir="ltr" xmlns="http://www.w3.org/1999/xhtml">
<head>
[Code]...
In a few words it creates a button which when it is clicked it launches the add_text script. Add text script creates a text element for a form and puts a random value for the textbox. Textbox also takes a name which is of array type name="txt[]". Also form has the post method.
When I press e.g. 4 times the add text field button 4 text boxes are added. But when I click the submit button I get a result of 1 instead of 4 when the print count($txt) is executed. Copy paste the code to see the problem.
I am using Ben Alman's JQuery resize plugin in order to obtain the varying computed width of an element when the window is resized (the element in question is a page wrapper that exhibits the expand-to-fit behavior of a block box, and it's computed width is obviously influenced by the resizing of the window. Essentially, what I need to be able to do, is to reference a variable that is defined in a .resize() function ('width_page') in a seperate .each() function.
[Code]...
I now understand that variables can't cross boundaries like in the example above, which leaves me a little stuck. I also understand that this is specific to the context of the .resize() function, and that it can't be taken out of it without using an element selector. Is there some way I can call the .resize() function in my .each() function?
i have a menu generated by a list with nested lists. i want the parent link to stay highlighted when the mouse hovers over the sub menus. because those sub menus are also generated by jquery (qtip), CSS alone won't do it (triedul.topnav li:hover a {background-color: #F00;}).is there a way to do this using jquery?
View 15 Replies View RelatedI am trying to declare a variable inside a function and use it later on in my code... but it just already returns white space... i.e. not variable value. I am setting it within this function:
function show_video1(){
document.getElementById('video1').style.display="block";
var video1Name = "Education World News (Part 1)";
document.getElementById('video2').style.display="none";
document.getElementById('video3').style.display="none";
document.getElementById('video4').style.display="none";
[Code]...
and trying to call it later on with this: <script type="text/javascript">document.write(video1Name)</script> It might be worth noting that each one of my 11 videos will hace a different name.
Ok, so I've built a member search using ajax to change the results each time a filter is changed. It works great, except one minor issue that I'm struggling with...I just can't specify dynamically in the parent file that linkclass$id opens linkclasscontent$id as I don't know of any way to pass that $id variable back over to the parent.
View 3 Replies View Relatedi'm not really sure how to explain this, since I know nothing about javascript, so i'll try and illustrate by the use of php (hope it makes sence)
I have a set of different links, like:
<a href="link.com?page=text1">text 1</a>
<a href="link.com?page=text2">text 2</a>
<a href="link.com?page=text3">text 3</a>
etc, where page is dynamic and can be anything I chose..
Another place in the same document, I echo out what the page variable is, like:
echo "$page";
so when clicking "text 1" the echo will output what i've defined the page to be, in this case "text1" ..
So I want to be able to click the links and change the output of the echo all depending on what i've defined in the link - without refreshing the page!
Is there any easy way to do this?
a.) specify two parameters for the changeYear function: today and holiday.
function changeYear(today)(holiday){
b.) in the first line of the above function, use the getFullYear() date method to extract the 4-digit value from the today variable and store the value in a variable named year.
first line
c.) in the second line; use the setFullYear() date method to set the full year of the holiday date object to the value of the year variable.
second line
d.) in the third line, use a conditional operator on the year variable. The test condition is whether the value of the holiday date object is less than the today date object. If it is, this means that the event has already passed in the current year and the value of the year variable should be increased by 1.
third line
e.) in the fourth line of the function, again set the full year value of the holiday date object to the value of the year variable.
Code:I am having problems with the following. I am wanting to hide <tr> in my table (employees) and only show employees that are in the selected department (selected via dropdown box).I need to set a javascript array to a php array. I am looping and assigning the array and am wanting to pass a javascript variable as the index in php array. I have marked my problem lines in red. Thanx for any help.
<script type="text/javascript" >
function display_elements()
{
var departments = new Array;
[code]....
I am simply trying to use a global variable in javascript, but can only access the variable on the second call. I can't find anything that relates to this through my searches. My application is supposed to query the server for XML that tells me which years and months are available to put into combo boxes. I want to store this xml in a global variable to access it later.
[Code]....
I start outside of the external JS file by: reviews.init(); reviews.initialiseContent('comment'); This loads my data and loads + sets the comment tab as default. My problem is that in the external JS file (shown below) the loadTabs variable will not allow me to pass it a variable: contentDiv.onclick = this.initialiseContent; Whenever I pass a variable here it errors, am I setting this up correctly, should I be using prototype for my this. variables? Interested to hear back on if this structure of code is the right way to go about this and also how I can pass a variable in this way :)
[Code]....
I am trying to define a variable as follows:
var music_id = $(this).attr('id');
var mix_class = $('#le' + music_id);
In other words, if music_id is mix3, I want mix_class to be #lemix3.The above code is not working for me and I would like assistance as to the syntax to produce such a result
I tried this code but i got an error on the it said Syntax error code...
View 6 Replies View Related