WhatI want to do: IfI hover over a tab (there are 3) all other tabs will close.Below is thecode for the first tab
if($("#box1").mouseover)
{(function () {
$("#box1").animate({ width: "500px" }, 400 )
[code]....
i did a quick google and it seems div.innerHTML dosnt work with IE. Is this true? If so is there a work around
<script type="text/javascript">
function addLinks()
{
var changeOnly = document.getElementsByClassName("changeLinks");
for ( var c = 0; c<changeOnly.length; ++c )
[Code]...
So my htaccess file has this:
when I go to:
My javascript stops working. I can't even run an alert() statement.
However, when I go to [url]everything works. why is that?
For the first time, I'm attempting to write a small Javascript program
using one on the online reference sites. I need some confirmation as
to the behaviour of the break statement.
In the following code:
for ( row = 0 ; row <= 7 ; row++ ) A <----
{
for ( col = 0 ; col <=7 ; col++ ) B <----
{
if ( check ( row, col ) == "pass" )
break ;
}
}
}
Where will control pass to once the break statement is executed?
Will it continue with the first 'for' statement (A) or the second (B)?
Also my 'check' function needs to pass an indication as to it's
success or failure. It does it by:
return ( "pass" ) ;
Am I doing it correctly?
Any links to useful reference sites would be welcomed.
If statement won't work / resolve this? Here is my code...
View 1 Replies View Relatedthis is a re-post of the last item in ':after in js?', below, but the problem is no longer about ':after': now there's an 'else if' statement that doesn't work. This works: it looks for 2 conditions in a class name, and changes a class:
[Code]....
Assignment:
Switch Create a HTML that uses Javascript. Create a page that tells a student the range their mark falls in if they know their letter grade. Below 50 is an "F", 50-59.9 is a D, 60 - 69.9 is a "C", 70 - 79.9 is a "B", 80 - 89.9 is an "A" and 90 - 100 is an "A+". You determine the input and output format.
<html>
<!DOCTYPE HTML PUBLIC "-W3CDTD HTML 4.01EN">
<head>
<title>Switch</title>
[Code]....
I don't understand why the image swapping doesn't work when I click the 2nd time code...
On the first click it swaps to the 2nd image but on the 2nd click it doesn't swap back to the first.
I have an input form that accepts numbers. I am trying to compare the last field value to the current field value. My problem is that when I use the variable name of the last field in an object path, I get the error "null or not an object". The var 'L' is the problem in the statement below. If I manually type the field name in place of 'L', it works fine. How do I have to write this statement so 'L' works?
Problem statement:
c=window.document.save_info.L.value;
Here is my code: Form element:
Code:
<input style="border:1px solid gray; background-color: #FF9;" onkeyup="moveOnTwo('frm_score1',<?PHP echo $num_holes; ?>,this,'frm_score2')" size="1" maxlength="3" name="frm_adjsc1" id="frm_adjsc1" />
JavaScript Function:
Code:
function moveOnTwo(lastFieldID,holes,field,nextFieldID){
var L = lastFieldID ; var N = nextFieldID;
[code]...
Code:
Red part in the code above is for conditional statement.
But the conditional statement doesn't work correctly.
How can I make the conditional statement correct in javascript?
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]...
I have a JavaServer demo I'm working on with a bit of JavaScript and thought I'd try adding some AJAX. Its a forum, and the idea is that a post window is revealed when the reply message is clicked. This button is in a jsp page has an onclick attribute to the showEditor() function below. A cancel button is similarly hooked up to hideEditor(), and the submit button calls copy() with a onsubmit tag. A servlet sends a response which has both the HTML for the post area (its a rich-text editor in an iframe, with a bunch of buttons above it much this one) and a Javascript object called Editor that has handlers for all the buttons and sets up the iframe so it is editable.
I actually got it to work okay, until I removed the last alert() I was using for debugging. Then the iframe stops being editable, and the editor.appendQuote() function either doesn't work or doesn't run.
This isn't terribly important because all AJAX accomplishes here is not sending all the post-related HTML and Javascript unless it is actually needed, which isn't all that much, but it would be nice to figure it out anyway.
Code:
<script type="text/javascript">
var editor = null;
function showEditor(node) {
if (node != null) {
[Code]....
I am a novice, almost to an intermediate-level JavaScript guy, so much of this is new to me. I appreciate your patience reading this.
I have a routine that creates some HTML on the fly (updateFilters() function) and after the HTML is created, I attempt to access some fields (elements) on the form itself.
I works fine if I place an alert() statement after the HTML is created, but when I remove, the code errors out.
I have tried the setTimeout() statement, but I cannot grab the element --- undefined or null is returned. It seems that the form is the only element I can get a handle on --- everything else is undefined or null...
Here is the code:
function editQuery() {
var f;
var x;
var myForm = document.forms[0];
// Get the row filters that were used in the last query..
for (f = 1; f < 16; f++) {
var filter = eval("myForm.FilterList_" + f);
if (filter.selectedIndex > 0) {
var methodElement = element("FilterMethod_" + f);
var methodIndex = methodElement.selectedIndex;
var savedFilterMethodValue = methodElement.options[methodIndex].text;
var choicesElement = element("FilterChoices_" + f);
var choicesIndex = choicesElement.selectedIndex;
if (isNaN(choicesIndex)) {
var savedFitlerValues = choicesElement.value;
}
else {
var savedFitlerValues = choicesElement.options[choicesIndex].text;
}
updateFilters(filter); // update the filters
// take the saved methods and values and then update the selections
// Alert here makes the code work..
// alert("Try this");
// Wait for HTML..
setTimeout("completeEdit()", 1000);
function completeEdit() {
// Since the object was updated, get the object again..
var methodElement = element("FilterMethod_" + f);
for (x = 0; x < methodElement.options.length; x++) {
if (methodElement.options[x].text == savedFilterMethodValue) {
methodElement.options[x].selected = true;
break;
}
else {
methodElement.options[x].selected = false;
}
}
// Since the object was updated, get the object again..
var choicesElement = element("FilterChoices_" + f);
for (x = 0; x < choicesElement.options.length; x++) {
if (choicesElement.options[x].text == savedFitlerValues) {
choicesElement.options[x].selected = true;
break;
}
else {
choicesElement.options[x].selected = false;
}
}
// Only display next row if f = 2..
// If only one row was used, no reason display the next row..
if (f == 2) {
displayNextFilter(f - 1); // display it
}
}
clearTimeout(timeOut);
}
}
}
Do I have to pass the object (the form, the elements) to the completeEdit() function in the setTimeout() statement?
my webstie allows users to change the color of the background, so to keep the text readable I have it changing as well.the color picker I am using has text boxes with rgb values 0-255 for each.I am trying to get one bit of text to alternate between red and blue with the conditions
Code:
if(blue>green && blue>red)
{
[code]....
For the following two snippets, they can all pass Firefox.However, I would like to know the rule of thumb when I have to use ; to indicate the end of
[Code]...
I'm trying to stop my script running if someone mouses over a link with the class .focus.
The code:
$(document).ready(function() {
window.setInterval(function() { //Every 3 seconds do this function
if ("a.focus").mouseover(function() {
//Do nothing
}) else {
$(".list li:nth-child(3)").children().toggleClass('focus'); //Remove class from <li> #3
$(".list li:last").css("height", 0);
$(".list li:last").prependTo(".list").animate({ //Put last <li> to the top of the list and animate the height from 0 to 48
height: 48,
},200, function(){
//Animation Complete
});
$(".list li:nth-child(3)").stop().children().toggleClass('focus'); //Add class to <li> #3
}}, 3000);});
I'm quite new to jquery, but as I understand it, .val() shouldn't be this difficult. Right, I have to use asp.net, I have a textbox that looks like this:
<asp:TextBox ID="txtRow021" runat="server" CssClass="tbOneNumber"></asp:TextBox>
I am trying to get the value of this textbox to give me the length of the textbox to use in an if statement:
both alert($("#<%= txtRow021.ClientID %>").val()); and alert($("#<%= txtRow021.ClientID %>").val().length); always seems to return "" and 0.
Need to apply a var to a statement if its conditions are met, this syntax isn't throwing errors but its not working.
<script type="text/javascript">
$(document).ready(function(){
var action_is_post = false;
//stuff here
[Code].....
should I use something other than .ready? I need it to apply the var when #stepDesc0 has the class current.
I'm trying to create a form validation that will alert the user if the dropdown lists contains empty valuesbut nothing happens with my code.What's wrong with it?
$('#compute').click(function()
{
if ($('.required').val=='')
[code]....
I am a javascript newbie and trying to write a script to create hover-over popups for a product page. It works like a charm when I assign it a solo "div#id" and "a#id", however I need it to work on multiple objects.I can't use a classbecause then everything with the classname pops up at the same time. So each popup HAS TO have a unique ID. I am trying to write a for each statement, but it doesn't seem to be working... any ideas... or better ways to execute this...
This is the one that works (but only for one):
<script type='text/javascript'>
$(document).ready(function(){
$( 'a#popup').hover(function(){
$('div#popupBox').fadeIn(500);
},function(){
$('div#popupBox').fadeOut(500);
});
});
</script>
This is my current for each equiv (Not Working):
<script type='text/javascript'>
for (i = 1; i < 12; i++){
varthis_a='a#popup' + i;
varthis_div='div#popupBox' + i;
$(this_a).hover(function(){
$(this_div).fadeIn(500);
},function(){
$(this_div).fadeOut(500);
});
}
</script>
I'm finally trying to get a grasp on json. I have some working code but when I add a WHERE statement the callback doesn't seem to happen.
JAVASCRIPT CODE
$.getJSON('ajax/cs.php?callback=?', function (data) {
$("#content").html('');
$.each(data, function (i, item) {
[Code].....
I've got the following code block in one of my pages ...
<?php
if ($config->theme->short_name == 'default')
{
?>
<script type="text/javascript">
[Code]...
Shouldn't the code above set the .html property of the element with class "error_box" to the specified text? I've tried using an id instead of a class i.e. $('#error_box").html(...) but that doesn't work either. I've also tried using the .text() method.
Manually using document.getElementById("error_box") works without any problems - it's only jQuery that won't do what I tell it. :-)
I'm currently trying to produce an HTML table from an XML feed, using jQuery. And this works great! With an "each" loop, there now is a nice table on my screen, displaying the right information from the feed.
I would like for each new row of this table to have a separate color. For example:
row 1 - blue
row 2 - green
row 3 - blue again
row 4 - green again
...
and so on...
What I've tried, is putting something like this inside the loop:
var
x=0
(this line should probably be outside of the loop, but that doesn't seem to work)
if
(x=0)
code 1...
x=x+1
else
code 2...
x=x-1
But this doesn't work.
The function below hides and shows the rest of my form fields (when I don't use the if statement). I wanted to try to make an if statement so that when I reload the page, I don't have to reselect the radio button when it is not null. I want to have an if statement that says, if the radio buttons are null, hide the form fields. If it is not null, just maintain the current state. Unfortunately, I couldn't get the function below to work.
$(function (){
if ($('input.radioalign[value=""]')) {
$('fieldset[id$=Form]').hide());
[code]....
I would like to know whether a jquery click function can be used in an"if" statement.The reason why I am asking, is because I haven't seenany examples of this being done on the web. I want to use thisapproach because currently Jquery keeps initiating two events from onemouse click, eventhough the css for each element is different.Ithink the best way to avoid this problem is to use flow control toexclude the other mouse click event. If element A is clicked then
View 3 Replies View RelatedI am trying to use a if not statement but trying to use the condition of jquery hover. I have an image and when you put your mouse over it another image appears this image that appears using css would be a menu look however I notice that when I move my mouse off the image to the menu image that appears when your mouse is over the persons image it would then fade away.
Clients image when mouse is over the image another image appears the new image that appears is a menu image with buttons on it this was created in html and position with css so it appears next to the persons image. The problem I have is when you move your mouse off the users image to put it on that menu the menu would fade back out. So I want to make a if not stating that if the mouse is not on the user image or the menu that appears then you fade out. How can I do this??