There is a random number of divs, each sharing the same class (.slecteable), each having its own id (a unique string extracted from the database).
A user clicks on a div. I get the id, and change the color of this div (in gets highlighted).
$('.selectable').livequery('click',function(){
var id;
id = $(this).attr('id');
[Code]...
I used the code from the following article...[URL]
$(function() {
$('img[data-hover]').hover(function() {
$(this).attr('tmp', $(this).attr('src')).attr('src', $(this).attr('data-hover')).attr('data-hover',
[code]...
why does the rolled over image's src return to the original value when the user rolls back off it?
To say I'm new to JavaScript is a bit of an understatement so bear with me. I have a site set up with a variety of layers of toggles. When you enter the site all of the items are collapsed and you click the headings to expand. Each of the toggle-able items have ids. It works great for users who start at the homepage.
However, when I send people to any of the inner topics, all they see is the initial collapsed state of the site. I want to be able to provide a URL that will set the toggle to open, and show all of the content for that section on entry.
Here is my code and js, can anyone point me in the right direction?
[Code]....
How can I preserve the session state of a SharePoint browser state using javascript?
View 2 Replies View RelatedI am attempting to make a menu that has a background image that changeswhen you rollover or click a menuitem. I've got the hover effect working fine with CSS, but am trying to implement the click event via jquery with the following:
CSS:
div.SustainResourcesMenuTabs
{ background-image: url('/images/departments/commdev/sustainability/menu_tab.jpg');
}[code]....
My process is to reset the entire menu to the inactive state, then switch on the active state for the item that was clicked. Eventually, the item that was clicked will display its corresponding body section as well. I've tried using the CSS pseudo-class "active", but since the entire div is the link, that is unavailable. I've also tried multiple variations of addClass/removeClass, toggleClass, and setAttribute/removeAttributebut nothing hasworked so far.
i have this javascript code that IE wont recognize?
Message: Could not get the type property. This command is not supported.
Line: 263
Char: 4
Code: 0
[Code]....
I have a JSP page that calls a javascript function located in an external js file.
The js file is included to the page using the following code:
The script folder is located one level above the JSP page. I also used src="../scripts/javascript.js" for the source attribute and it did not work either.
When I moved the called function to the calling JSP page it worked fine.
So, the weird thing is: it only fails with IE7. In IE6 it works fine.
This has stumped me for the last couple of hours and I was wondering if anyone else could shed some light... I have a page which loads some cookies, when taking the value from the cookie it defines whether a checkbox should be ticked or not. This works if the value of the cookie is true but not if the value is false and it ticks the box anyway. The code is....
var widgetVal = loadCookie(widgetName);
switch(i){
case 1:
document.getElementById('calender_widget').checked = widgetVal;
break;
[Code]...
i is incremented each time in a for loop and a different cookie is loaded each time. As I said the code works if it set to true but not false however if I remove the variable and specify it as false it works.
I'm making a simple color code chart that when the user clicks the button, it alerts the color code, but javascript wont recognize the color code. Could someone please help. Here's the code:
Code:
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html;charset=utf-8">
<title></title>
[Code]...
I have auto-suggest that brings down first and last name into a input box, it also brings into another input box the id of the selected item.
on that id i want to be able to auto fill a form from there.
right now i have it set up but and it auto-fills with lets say 55 but it does not execute the code to fill in the form.
however if i type something into that box it fills the form.
how is it possible to have the to see eachother.
Code:
<input type="text" id="testid" name="testid" value="" onchange="showUser(this.value)" /></p>
this is the input box that is being filled by auto-suggest and then i want onchange="showUser(this.value)" to execute to fill the form
if I have an array where the number are write in string format, how can I recognize when a string is in realty a number? example if I have this:
"50"
"house"
"light"
"100blue"
"yellow20"
"-100"
"20,5"
how can with a cicle to extract only:
50
-100
20,5
?
I have a series of videos which must be loaded dynamically on their pages which then get loaded into an iframe. I need to be able to load these videos using variables for the width and height. It's imperative that I use variables as the sizes of the movies will be determined by the user's resolution.
Here's the code I'm currently using <script type="text/javascript">
var dimW = screen.width;
var dimH = screen.height;
var w1 = dimW.toString();
var h1 = dimH.toString();
document.write('<OBJECT ID="Player" width="'+w1+'" height="'+h1+'" CLASSID="CLSID:6BF52A52-394A-11d3-B153-00C04F79FAA6" style=border:0px;">
'); .....
I'm developing in xhtml so naturally, IE doesn't recognize the document.write statements and the page comes up blank in IE. It works flawlessly in FireFox (as expected). So, I need to replace the document.write statements with something else while still being able to pass variables for the movie objects height & width.
I've tried this code: <script type="text/javascript">
//alert("The beginning");
var dimW = window.innerWidth;
var dimH = window.innerHeight;
var w1 = dimW.toString();
var h1 = dimH.toString(); .....
document.getElementById('mediaPlayer').appendChild(theNewMovie);
</script>. I then have a <td> with the id of "mediaPlayer" but nothing is showing up. Most likely because I'm still fairly new to javascript and am probably forgetting or overlooking something.
I am working on my personal portfolio site, and am using a code that will make each portfolio piece appear in a new div when the name of the piece is clicked on. The problem is, JS does not seem to recognize double digits. I am not familiar with JS at all, I just got comfortable with CSS/HTML a few weeks ago! I am in over my head. It would really.how to change the code so that I could make about 15 to 20 divs instead of 9. Here is the code...
View 5 Replies View RelatedI am making this drop down menu with several options depending on your choice. It works fine in FF but when I tried in IE simply won't recognize a Value. The window keep popping out even though you choose an option, this way won't let me go to the next step.
Here is my php code:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
[Code].....
How to catch whole line in the PDF document using javascript?
or How to recognize/catch whitespace signs (e.g. "
" ) in PDF document
Which method I should use?
Or any other possibility are ?
I am trying to access an HTML code stored as CDATA section in the xml file listed bellow:
<?xml version="1.0"?>
<results count="5">
<![CDATA[
<table><tr><td>Hello World</td></tr></table>
]]>
</results>
The xml tree is the responseXML part of an XmlHttpRequest and is stored
in a the javascript object xmldoc. While trying to test the node type
of the children of the "results"-Element I got different results with
IE and Mozilla: Code:
alright, im working on a page that has a drop-down menu in it...it uses the onChange event to trigger the different links (only one at the moment, but still)...and now XHTML doesnt validate it as a recognizable attribute...so is there some way to somehow target the drop-down menu's onChange event from a separate .js file? heres the basic code:
Code:
<select class="members" onChange="if(this.options[this.selectedIndex].value) window.location=this.options[this.selectedIndex].value;">
<option>ยป Members</option>
[Code]....
also, does this need to be put into a <form> in order to be targeted?
IE6 don't recognize with themin-height and min-width attribute of CSS?
View 1 Replies View RelatedI've always had this limitation when adding inline content using JQuery. Such as adding one more text field inline let's say. Basically, if I had defined some code related to input fields outside the scope of the function that adds the inline code, this new input field will not recognize it.
Something like
Code:
However, Ive always solved it by adding the click event another time after the code in placed inline
Code:
But I'm trying now to avoid this repetition, how is it possible?
I have a form, with a submit button. Inside this form i have one input text field, in addition to an add more button to add more of that input field using JQuery .html(val);. Now the issue appears when I submit the form, all inline added input fields are not recognized, they are not set and there is no data for them in the POST.
View 3 Replies View RelatedI've been working on a project for some time now, and just recently I installed Firefox.
Now, part of the site (which works perfectly in IE6/7) doesn't work in Firefox.
Here is part of the code:
Code:
(I didn't copy all of the code because it's basically the same all the way down)
The main problem is with the link (Firefox apparently doesn't recognize table rows as links). The second problem is with the onmouseover/onmouseout etc handlers (absolutely nothing happens).
just in case you need to know, the code is for a nav bar.
Cycle plugin displays horizontally my vertical photos (photos taken with my camera in portrait position).The same photos are displayed vertically (the right way) by other imaging applications (e.g. Photoshop and Finder or Preview in OSX).The same photos are displayed horizontally (the wrong way) by Safari and Firefox (IE not tested). Cycle seems to rely upon browser poor orientation recognizion.how to make Cycle Plugin aware of the right photo orientation?
View 2 Replies View RelatedI've got a cascading drop down with three levels: composers > books > songs. The user picks a composer, which populates the next fields with correlating data. That data is made via some php functions. If the user selects a composer, say, Thomas Campion, then a book, say, the The Third and Fourth Booke, and then a song from that book, say, Now let her change, and then hits the get value button, what should happen is the form posts back on itself, retaining the values the user previously chose via a selected="selected" attribute. This works in Firefox; in IE the composer the user chose is retained, but the book and song are not.[url]...
I've determined (with the help of some people on the html board) that this is happening because of the javascript that's running on the page by removing all the javascript and just running the php/html. Can someone figure out how IE is running this differently from Firefox and maybe (please?) how to fix it?[code]..
I am using the javascript below to produce three-state mouseovers. Each link has three images that look like tabs. Image 1 is the regular image for the link. Image 2 has the rollover effect (glowing text), and image 3 is onClick - it makes the tab appear as though it has moved forward (active).
Now, this javascript works perfectly when the links do not go anywhere. However, when the links are working, the onClick effect is rendered useless - because after clicking the link, a new page loads, and the buttons are reset back to their original state.
I need the active button to keep it's "forward, active" appearance. Code:
Is there a way to tell the state of slideToggle? My problem is I have two buttons that change a div and also toggle it open/close. But if you click one button then click the other, the changes take effect and then it will close. So is there something like if(slideToggle() == open) or something along those lines?
View 1 Replies View Relatedi have a list of thumbnails that are created dynamically from a database which have an transparency state when the thumbnail is in the active state (ie when someone clicks on it)I wondered is there anyway that the first one could be set to active by default when the page initially loads. My code is below:
<script language="JavaScript" type="application/javascript">
<!--
function setMainImage(imageId) {
[code]....
I wonder how I can highlight the active thumbnail so its background remains blue until I click another one.I also like to avoid the inline JavaScript.