Select.remove(i) Doesn't Work Properly
Jan 13, 2010the remove(i) doesn't remove the option[i] but works unexpectedly and removes the first 4 options.how to delete the selected index only?
View 1 Repliesthe remove(i) doesn't remove the option[i] but works unexpectedly and removes the first 4 options.how to delete the selected index only?
View 1 RepliesFirst, We 've a course registeration Web app that was developed in .NET/javascript.
In brief, the students login, then the available courses is drawn to him (as DIVs) to select courses then apply registeration.
Of course , the dynamic part of selecting/highliting courses is done in javascript as a clientside Javascript.
The problem that this app was developed with no x-browser compatibility in mind (e.g firefox and chrome). it works fine on IE , ofcourse doesn't work properly on Mozilla browsers.
Now, i want to modify it to be mozilla compatible , i spent time inspecting it (functions and classes, "yes the developer made a javascript classes") .
Is there a tool or something that porting to mozilla ?
I am developing a site that requires the navigation menu to have one rounded corner at the end on the home button. The default button state is created using a background image but I need it to also have a rollover effect on hover and also on focus (for the home page item only). I have tried to use CSS and curvy corners Javascript code to create the effect as I don't want to use images. However, I don't think the curvy corners script is picking up the div item that I want to apply the corner to.
The trouble is I have a number of div boxes on the site that also have rounded corners (3 rounded and 1 square). The CSS is working fine for these in all browsers apart from Opera but when it comes to the navigation it doesn't work properly in IE. Here's the HTML for the menu:
Code:
<div id="menu">
<ul>
<li><a href="index.htm" class="home">Home</a></li><li><a href="#">Mortgages</a></li><li><a href="#">Life Assurance</a></li><li><a [code].....
The CSS is in an external stylesheet, although I have also added the CSS for the rounded corner items to the header code.The class 'homefocus' seems to work when applied to the a tag on the home page but the other class 'home' which should work on hover won't work in IE.
I have a simple problem that I can't solve. I am trying to code a "More Info" button/link to display some more technical details of an item, if required or wanted. I haven't tried incorporating any code in to my web site yet, first I am trying to test how it can be done in a seperate file.
What I have right now is a table with two cells. In one cell is static text, in the other is a hyperlink. The onClick event calls a JS function called "more_info()" in which a global varible is altered to contain the value 1.
Directly after these two cells is more JS (this is before the table ends). The JS here is checking to see whether the value of the global variable has been changed. If the value is 1, display information. There is no "else" clause because I don't want information displayed unless the variable is equal to 1, so it is not required.
I think I know what the problem might be. The browser is reading the code in question before I ever click the link and has already been executed before the variable is changed. I know JS is object oriented so it will not sit there waiting for me to click the button before reading the logical statements.
[Code]...
This is my code:
I've set the animation to large numbers (1000) to make it very obvious.
The helper will show before the other fieldSets have been hidden. The show animation begins about half way through the hide animation. Since both elements are occupying the same space, this makes the container jump around in size as it breifly expands to fit one under the other.
I've hosted a test suite at: Webkit Bug Clicking on the enlarged image doesn't work properly in Safari and Chrome.
View 2 Replies View Relatedmy script that works in firefox/opera like a charm, but doesn't so in IE8.
Here we go:
$(document).ready(function(){
$(".folder").live('click',function(){
var id = $(this).attr("id");
if($('#' + id).hasClass('folderClosed')){
[Code].....
The basic idea is to show a "virtual" directorie from a mysql database over json. The first part works also quit well, only the .remove() function doesn't work right, which means the sub <ul> elements remaining on the page.
I try to remove element using JQuery, but it doesn't work. The javascript DOM version will work. JQuery doesn't support bracket and dot in id value ?
[Code]...
I love Jquery but I've got some starting problems. code...
When I click on the X the tab disappears, perfect, as it should be. But when I create a new tab and try to remove that one it doesn't do anything.
What im I doing wrong?
The following code works well in both FF and IE
<div id="div1">
<script type="text/javascript">
// somecode
</script>
</div>
<script type="text/javascript">
[Code]...
However if the contents of div1 obtains its innerHTML from an AJAX call then the first <script> tage is not found by getElementsByTagName("script") if there is no other HTML before the <script> tag.
I try to navigate through the cycle slideshow with a select box. This works fine in FF and IE9. But when I open the page in IE8 nothing happens when I click the select box.
This is my code:
$(function () {
$('.slideshow').cycle({
fx: 'fade',
timeout: 0,
[Code]....
I have a php page with an html form in it that has a select drop-down box in it. When I try to validate the value, it works in Firefox but not IE7. I narrowed it down to an alert. This shows the correct selected value when I submit the form in Firefox, but is blank in IE7.
View 6 Replies View RelatedI have some script that when used in conjunction with a button highlights all the text between 2 tags to make it easier for copying, it works great in IE but doesn't work in firefox. Here's the script and the button is below.
<script type="text/javascript">
function selectCode(a)
{
// Get ID of code block
var e = a.parentNode.parentNode.getElementsByTagName('CODE')[0];
[Code]....
I want in the select option a standard word, for example: select name.But when I add a line of option just after the first select (bold text), that line takes the first record of the database, but it should be a blank line (nothing linked to it, just a reminder to select a name).This is the code I have now:
<script>
function setVal()
{
[code]....
I'm using my custom component that has a combo box (jsf's h:selectOneMenu, which has a onselect event)in it and it already has a onchange event, so I want the onchange event to trigger another onselect event with jQuery and it only works in Firefox.
I tried it without the component and it looks like this:
<html>
<head>
<script src="http://code.jquery.com/jquery-latest.min.js"></script>
<script type="text/javascript">
[Code]....
and again works only in Firefox, and not IE and Chrome. It works with onblur event, but the onselect is closer to what I need.
Is it not working because the html <select> tag doesn't have a select event but Firefox can do it for some reason?
This time I have a trouble with remove(). Here is my code :
$.each(val.produitsIds,
function (j, val2) {
if($('#chk_' + i).prop("checked")){
//$('#' + val2).prepend("<div>liste des tailles</div>");
$('#' + val2).prepend("<div>" + $('#chk_' + i).attr("value") + "</div>");
}
[Code]...
I have 2 tables with Add/Remove Row buttons. The first table's Add Row button adds a row that belongs in the second table, and the Remove Row button gives me an Object Error. The second table works properly. The JavaScript for both tables is identical except for the ID's. When the tables are put into seperate html files both of the Add buttons work properly, but the remove row button from table one is still giving me the Object Error.
[Code]...
i am using the javascript Image object to preload images, on FF everything works fine but ie always reload the images so i get some flicking.
View 9 Replies View RelatedWhen the user clicks the remove link it properly adds a new option to the dropdown however it adds it 3 times meaning 3 option tags. Why is that?
Code:
// Add a click handler to each anchor tag in the characterList <ul> element
$('#characterList a').click( function(evt) {
evt.preventDefault();[code].....
I have two drop down menus in a form. Based on what the user selects in menu 1, menu 2 is populated accordingly.
I do this by first stripping all option elements from the drop down menu that is to be populated:
myElement.options.length=0;
and then, depending on the index of the option chosen in menu 1, I add the values to menu 2 thus:
Code JavaScript:
if (index==1){
options[0]=new Option("Please select a member","0");
options[1]=new Option("Prof. A","1");
[Code]....
I have tried changing the charset to iso-8859-1 but to no avail.
Am I making a mistake in my java script of in my html?
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:
[Code]...
i looked in one of my other projects that i recently finished, and the code seems to be identical.Basically it should generate an array of Canvases where individual letters can be written. Later other javascript code will try to determine which letter was written (letter recognition).The error that i keep getting is "ChangeThisID is Null".
here's the code:
<CODE>
<html>
<head>
[code]...
Can someone tell me where the problem here is? I can't get the "squared()"
function to work properly...it supposed to put the squared value into the
iframe area....
I'm pretty new to jquery and I've been working on a little project to see what I can do. The issue is when I first visit the page and click the first link that appears in the main section it displays the popup box as wanted. Now when I click another day, for instance sunday and try to click the first link it doesn't do anything. And if I click back to Saturday the first link also doesn't do anything.
It seems something is not properly activating or maybe a command is overwriting and not allowing it to work like it does when you first hit the landing page.
The "Permission denied" cross site issue.
I have to check from my external domain if a service is running on localhost:8080 of a local machine.
I'm using XMLHttpRequest to do it.
I'm checking a local-web-server, not a file.
Every browser doesn't work, but Firefox. So I'm looking for a work-aorund.
An iframe? a flash swf? an applet java? HTA applications?
A side question is, why does FF work? Because it's a local-web-server?
The following code was tested in Firefox and works also in IE 8. But when clicking the anchor (id=movefoot), it does not work in IE 7.
jQ code :
$('#movefoot').click (function (event) {
// move footer
event.preventDefault();
switch (footeropen) {
[Code].....