I have a question here. I have 2 videos and if I click the image which uses #usemap, it will switch to the specific videos I clicked. FF and chrome has no problem but only IE.
The scenario is like this: Actual scenario is when the page load, it will display tab 1, video 1 and tab 2 is greyed out. If I clicked on tab 2, tab 1 is greyed out and video 2 is display. Both tabs I use #usemap.
But now the problem in IE is that it keeps on displaying tab 1 and video 2 instead of video 1 and when I clicked tab 2, tab 2 is selected but no video is loaded. Below is a simple code which hope it can helps better understanding of what I'm trying to do:
IE just keep displaying video 2 when page load and video doesn't loads when tab 2 is clicked. Even if I program the 2 divs to be show, it only shows video 2 and video 1 is nowhere to be seen. And I tried taking out the video 2 codes, video 1 then can be seen.
I'm having a problem with my radio buttons. On FF and Chrome they work just fine, but in IE, they does'nt appear as sellected. In other words: they do their job, but when you click'em, they stay unckeched. The genetarion code:
var item = $('<input type="radio" />').attr('value',pid).attr('name',name); self.append($('<p />').append(item).append('<label>'+desc+'</label>'));
I have a signup form on my site..when the user clicks the signup button, I am using a little script to check the form and make sure it's filled out correctly. I know i'm calling the script right because I did some error checking/debugging but it isn't actually doing its job.
Further more, I tried a quick alert to see the value of my variable, returned and I get an alert that reads "[object nodes list]".
Here's my script
<head> <script type="text/javascript"> function chk_Empty(){ alert("working");
The right most images are supposed to be visable and flip into view as the user scrolls. In IE, it's truncated and shoved over to the left. As you can see from the screenshot I attached, everything works fine in Moz.I think this is the suspect bit of js:
//move out the images on the right, then delete the right most one var end = old + 4; if(end > this.getListLength()) end = this.getListLength();
I am new to jQuery but I have managed to get the awesome anythingSlider to work on other sites but I can't work out why this isn't working here: [URL]. On FF, Chrome and Safari on Mac some of the images appear with incorrect text: The slider is set up like so: <div class="anythingSlider"> <div class="wrapper"> <ul><li> image a text a </li> <li> image b text b </li> etc... </ul> </div> </div> However, inFF, Chrome and Safari on Mac the image a appears with text b, image b appears with text c, etc. I have gone through the code and I can't see what's wrong.
When the left column first loads the vertical scrollbar displays correctly.
The vertical scrollbar is aligned up against the right border of the first column of the table which you can see by looking at the first image, and comparing it to the second.
Once I click on a folder in order to expand its contents, the vertical scrollbar introduces a gap of about 20 pixels as shown in the circle.
I looked at the css tag for the "classes" folder using firebug, and it showed {class ="directory collapsed", class= "directory expanded"} prior to and after expanding the contents of the folder.
I did a global regex search, within the project hierarchy, for (collapsed|expanded) and could not find any css that showed any margin-right for expanded, nor could I find any css at all related to "directory (collapsed|expanded)".
The only thing I found was that jqueryFileTree.js contained a function bindTree(t) with some code that toggled (collapsed|expanded):
Does anybody have a clue what is causing the gap once I click on a folder, and how to fix the problem?
Even if close the folder once the gap is there, I can't get rid of it unless I reload the page.
I am using the jQuery dialog window. Inside the modal window it is displayed a table. When I display the table in a standard HTML page everything works well but, when I display the table inside the dialog, special characters does not appear correctly (I mean the characters ‡·¡¨ " and so on).
The webpage doesn't display the proper times when I load it up.The GMT variable deals with the Greenwich timezone, which that time is used with offset variables in order to get the right times from each respective time zone in the branch offices.So far it seems only houston and new york display the right times or close to it all the other ones are way off.
I'm having an issue in that when I display:inline a DIV onClick, the DIV is not expanding to the width specified in the stylesheet. Similarly, my TDs would not use their colspan attribute.
So I am working on a project to take an integer that the user gives, and then get all the squares and cubes of all the numbers before that to the number given. It displays it in a text area. Maybe I am just lost for the moment, but It just prints the number that I give with the square root and cube instead of starting from 1, and ended on the integer I give.
<div id ="messageDiv" style="display:block;">No profile information entered yet</div> <script type="text/javascript"> function profileInfo() { var m1 = document.getElementById("marital1").innerHTML.toLowerCase(); var b1 = document.getElementById("bodytype1").innerHTML.toLowerCase(); [Code]...
The first part up to before the 'else if' works. but if the 'w1' has [URL] it still doesnt return true and display the DIV block??
This is a makeshift sort function for a table. I want to replace a div contents with a javascript function call. It works fine if I define the individual case, but the general case doesn't work. The problem lies with the +divHold+ part. It never converges to the passed value on the 2nd iteration. This is my Div:
I am trying to test the id of three input boxes so that I can capitalize the first letter.
The fname and lname work fine but mi does nothing and I get no error is this because of the if statement or the fact that the mi only has one character?
first it gets string of the url in the address bar
then it splits the string at the ? and grabs the right half
it then makes an IFrame go to that string(which is yet another url I would manually insert)
here is the code:
function redirect(){ var raw=window.document.location.href; if(content_address_start=raw.indexOf("?")!=-1){
[Code]....
'content' is the id of the IFrame, and frame.html is the html file this code is inside.
Ok, so everything works perfectly when I test this code offline, but as soon as I load it to my website, and the .src line occurs, it just loads a blank page in the IFrame. What could be causing this? Perhaps certain sites will not allow themselves to be inside iframes? Much thanks in advance. I hope I gave enough information and relayed my problem clearly.
EDIT: It seems that the code works on other sites, just not youtube. Why would it do this and are there any ways around it?
I'm using the niceforms plugin to style my select box. The problem I'm having is that I can't get the right javascript code to activate the links placed in the value option.
el.lnk._onclick = el.onclick || function () { if(this.ref.oldClassName == "NFOnChange") { //insert your code here }};
This is my attempt at manipulating the code to allow url linking in the select drop down
el.lnk._onclick = el.onclick || function () { if(this.ref.oldClassName == "NFOnChange") { //code i added window.location.href = $(this.ref).val(); }};
The PROBLEM is the links do not work as expected, they do not link to their corresponding values.
form class ="niceform" select class ="NFOnchange" option value = "http://link1.com" -> link1.com option value = "http://link2.com" -> link2.com option value = "http://link3.com" -> link3.com
i just need to insert the right bit of code to make the links correspond to their option values.
Been trying to work through a simple drag and drop interface using either IMG, SPAN or DIV tags. That way I can define blocks of text and/or graphics as draggable and be able to drop them on a similar (img, div, span, etc.) target, preferably an image.
I can highlight text from an "<input type=text>" field and reach a target to trigger an event (e.g. alert();), but can't get the same response when the dragged item is a block of text or an graphic and drop it on either of the same targets. Code:
I am opening a new window using window.open. I need the new window to open on top of the parent everytime. I cannot use onBlur b/c the user will need to click back to the parent for information. I just need it to open on top everytime. I am using this line in the body <body onload="window.focus()" bgColor="#0077d6" ms_positioning="GridLayout">
The window.focus doesn't work everytime. I can open it and it may work. I will completely close the app, start it again and it will not work, but the next time it might. It is inconsistent. How do I get it to not give focus back to the parent after it opens? How can I get the parent to relinquish focus?