I am currently working on a tween script that I am hoping to make so it allows the user to choose and object than the property it tweens, whether it be height or opacity.so currently my problem is getting the function to accept dynamic property selction.for example, the following.
Code:
function tween(object,property,to,time){
original = object+property;
[code]....
Maybe a stupid question (I'm not so familiar with javascript), but:
I want to change background of a paragraph or list item on mouseover. The
following code works:
<p onMouseover="this.style.backgroundColor='yellow'"
onMouseout="this.style.backgroundColor='white'">ppppp</p>
Now I want to minimize the coding bij using a function. How do I do that?
I want to set opacity parameter value before calling: $('x').animate({opacity:1},v1);
of course, other than setting a switch case line for each possible expected value.
I have a number of elements of "some-class".
I'd like to change the styles of some-class:
from
..some-class{color: red; display: block}
to
..some-class{color: red; display: none}
How do I do that?
I think this board would be the best as it does hopefully end with an onclick element...
OK, I have a table, where I have ID'd the headers as such:
<table>
<col id="col1"><col id="col2"><col id="3">
<tr>
<td>Some Text</td>
<td>More Text</td>
<td>More Text</td>
<tr>
</table>
Now, when I click on the header row, I would like to hide a column, and when I click on an image, I'd like to restore it. Ideally, I would have a function like such:
function set_state(item, state)
{
if (state == 1)
{
item.css.visibility="collapsed";
}
elseif (state == 2)
{
item.css.visibility="hidden";
}
else
{
item.css.visibility="visible";
}}
However, I don't know how to pass the item along. Like telling it to hide col2, etc, etc.
I have a billion elements that all share the same class. I have another billion elements that all share another class. This cannot be changed. My objective is to use one element to trigger onclick a change in the others elements' css properties, that is each element is paired with another, producing a billion unique pairs. From hours of deciphering the cryptic documentation examples ive come up with the following, which doesnt work. Assume that im using "name=item#" in the element's tag to identify each pair.
One fundamental issue with this is that it will change the opacity of both elements in the pair were both elements to share a name,or it will only affect the element being clicked on if not, but i only want it to change the opacity of the element that isnt being clicked. Another issue is that there are instances where i may need to set a setTimeout on a css property, and ive not found any documentation on integrating javascript and jquery together within a function.So how do i get this function to accept input from one element and affect the css properties of the other? And what would a setTimeout look like if it were placed around the opacity property?
I have some script like this:
// simplified to remove all the try/catches & stuff
function newXHR() {
request = new XMLHttpRequest();
XMLHttpRequest.prototype.requested = null;
return request;
}
then later:
function doRequest(url, callback) {
var req = newXHR();
req.requested = url;
// et cetera....
}
This works fine in Firefox, however the line 'req.requested = url' causes an error in IE7, (I haven't tested IE6 yet). The error is 'Object doesn't support this property or method'
So, this leads me to believe that either a) XMLHttpRequest.requested is not writable, or, b) XMLHttpRequest.requested was never created in the first place. I think it's the first option because I'm not getting an error in the newXHR() function.
I've been searching for some documentation on this but I can't seem to find anywhere if properties created with the prototype keyword are writeable in IE. Does anyone know what the problem is?
I've got a javascript object is "is" that has dynamically populated properties. I make an ajax call to my database to grab usernames associated with unique ID's and populate the javascript. I can call a property directly like this: aler (is.softUser1) or alert(is.softUser2) and show the corresponding values. However since what is being returned from the database is dynamic I may need to call is.softUser5 or is.softUser8 so I need to do that call dynamically. code...
and that obviously doesn't work.
Is there a way that I can dynamically call that property based on whatever value "user" is?
Is something like this possible?
A form with x fields named
field1, field2, ... fieldx
I'd like to set the field specified in the parameter
function SetUnknownField(FieldID)
{
document.myform.field+FieldID+.value="Something calculated";
}
Can someone explain to me how to relate the contents of the DOM specification to the real world?
I'm fairly confident at doing browser side scripting stuff using the information I have but I can't reference it to the DOM spec.
For example where does the HTMLDocument come into it?
I am looking for the official javascript security specification for web
browsers. EMCAScript and DOM spec does not seem to contain a section on
security, so I assume none exists and the security policies are
implemented as the vendor pleases. If so, do security specs for IE and
Mozilla exist?
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 call java function in javascript.In which we pass one parameter to function and its returns String value which I want to display in alert message.
View 2 Replies View Relatedmodify this script be set to a specific Time Zone rather than picking up the time from the local machine? I want it to countdown to 6:00 am EST.
[URL]
what to add where if it is possible?
I would like to know the difference in Javascript between those two lines of code:
JavaScript Code:
oneobject.oneproperty = onefunction;
and
JavaScript Code:
oneobject.oneproperty = onefunction();
I have a few radio boxes where a user can choose different options and
I want to show an explanation of each option after it's clicked.
Here's what I have:
<script type="text/JavaScript">
function toggle(o){
o.className = ( o.className == "show" ) ? "hide" : "show";
}
'function describetype(){
' if (window.event.srcElement.value == "starter")
typedesc.innerHTML="A Starter request is for a new employee who's
never worked for cadbury or the Bottling Group before.";
' if (window.event.srcElement.value == "leaver")
typedesc.innerHTML="A Leaver request is for an existing employee who's
permanently leaving the company.";
'}
'function starter(){
'typedesc.innerHTML="A Starter request is for a new employee who's
never worked for cadbury or the Bottling Group before.";
'}
'function leaver(){
'typedesc.innerHTML="A Leaver request is for an existing employee
who's permanently leaving the company.";
'}
function describetype(o){
if (o == "starter"){
typedesc.innerHTML="Starters are...etc.";
}
if (o == "leaver"){
typedesc.innerHTML="Leavers are...etc.";
}
}
</script>
The first "toggle" function works fine but the "describetype" won't
work. Here's the HTML:
....
<td class="layout bold">
<input type="radio" name="reqtype" value="starter"
checked="checked" onclick="describetype(starter)"Starter<br>
<input type="radio" name="reqtype" value="leaver"
onclick="describetype(leaver)"Leaver<br />
</td>
<td class="layout bold">
<input type="radio" name="reqtype" value="mover"Mover<br />
<input type="radio" name="reqtype" value="adhoc"Ad Hoc
</td>
....
The error keeps saying that "starter" or "leaver" is undefined. I'm
not much of a javascript guy (mostly the cut and paste variety myself)
but everything I've seen says this should work. No?
how to add extra properties to html elements as I was storing data in html attributes. After looking at some others code including Raphael and this addEvent code. [URL] They seem to treat objects just like an array. obj[property] = value; This would have been extremely helpful to know previously as I have needed to be able to include variables in property names - but have resorted to making the whole thing a string and calling exec() on it.
View 2 Replies View RelatedWithout getting into too much history on the why, I came into a situation where I needed to create a function to get various properties of !DOCTYPE so that other functions could adjust to work properly with certain DOCTYPEs (Strict, Transitional, etc.). I have tested the function in the following Windows browsers IE6+ FF3+ Chrome2+ and Safari3+ Opera9+. The only one that I can’t get working is Opera (testing with 9.64). I’m hoping that someone out that has a solution! Here is the code:
[Code]...
I have a page with 3 divisions overlaying each other. I dynamically
change the visibility to switch between them. On the Mac version of IE
5.1 I am not able to activate the scroll bars after making a division
visible. Only the originally displayed division works. I am able to
click on the data (option select lists) in all of the divisions. There
is no problem when I use Netscape.
I would like to dynamically change the z-index to see if that would
help. Can someone tell me how?
I have a piece of javascript I need to modify. Right now it changes a stylesheet in the document between style.css and no_indent.css. These
are in the head of my document:
<link rel=stylesheet href=/style.css>
<link rel=stylesheet href=/no_indent.css>
<link rel=stylesheet href=/style.css>
What the code below does is toggle between the two depending on what link is clicked. Here are the links:
<a href=javascript:changeSheets(1)>Threaded</a>
<a href=javascript:changeSheets(2)>Flat</a>
What I want to do is have one link that will toggle between the two
stylesheets. So the page loads style.css initially. If the link is
clicked once it changes to no_indent.css. If it's clicked again it
changes back to style.css, and so on.
Can anyone let me know how to do this?
code:
----------------------------------
function changeSheets(whichSheet){
whichSheet=whichSheet-1;
if(document.styleSheets){
var c=document.styleSheets.length;
for(var i=0;i<c;i++){
if(i!=whichSheet){
document.styleSheets[i].disabled=true;
}else{
document.styleSheets[i].disabled=false;
}
}
}
}
Is there a way to change the contents of a div block dynamically? Or should I use iframe instead?
View 9 Replies View RelatedI don't know why but after the animate() function it's like all the properties get wiped.
PHP Code:
bubble.prototype.expand = function() {
var _this = this;
this.mLeft = parseInt($(this.div).css('margin-left').split('px')[0]);
this.mTop = parseInt($(this.div).css('margin-top').split('px')[0]);
this.iWidth = $(this.iconImg).width();//icons dimensions
this.iHeight = $(this.iconImg).height(); .....
Captions for the images are called from the parameters of the main function and delivered into a span or div tag with the appropriate id. A very important part of what needs to be in the captions is text compiled by a separate function, in the project library.I've tried this with and without curly, square and round brackets, with and without semicolons and quotes- all with varying results. Sometimes the function is called, but it appears at the very top of the page and nowhere near the proper <span> tag.
addImage(a,b,c,d);
// filename, image name and caption are in a, b and c.
// d is the variable where I need to write my other function...
addRef(t,s);
// I need to put addRef in the d parameter of addImage.
Is there any way to pass a function(with its parameters) to another function using a parameter?
Examples:Here is how I do it now:
function output(text){
alert(text);
}
function bla(text, func){
[code]....
How can I have a function parameter in a function?
Something lke setTimeout();
setTimeout(function() {
how can I do it like this?
[code]....
The following is a very simple example of what I want to do take an
elements oncontextmenu and changing it dynamically onclick of that
same element. The code below will fail unless you change the line
document.getElementById('div1').setAttribute('onco ntextmenu',
someText);
to
document.getElementById('div1').setAttribute('onco ntextmenu',
function(){alert('World World');return false;});
............
