I'm new to javascript, and i'm having a problem. I want a button, which functions as a toggle, but also as a mouseover. When you click, under the button, a div opens with text. And when you mouse over, a shadow appears behind the button.I have two pieces of javascript, but i want both in my button. Can anybody help me?
[URL]
i would like to show a div on mouseover via toggle and change it back on mouseout. right now my code looks like this:
$(".#image").mouseover(function(){
$(this).next("#posts").fadeToggle(200)
return false;
});
it works on mouseover but i have no about the mouseout part.
[Cod]...
What trying to achieve is to have a div which when you mouseover a div and h4 within will change properties.This is working but when you mouseover the div and pass over either the border of the containing div or the h4 text the animate/fadeTo repeat again. Is someone able to tell what Im doing wrong? Also you may notice the function is effecting more than one container div at a time which is not what Im going for.
Is there a way to seperate them like this or somehow?
[Code]...
I'm extremely new to jquery and trying to write a toggle function without using the built-in functionality. From what I've read, this should be a fairly straightforward exerciseHowever, I'm running an issue. My code doesn't seem to do anything. Not clear to me why because nothing is erroring out? Here's what I've got:
<html> <head> <script type="text/javascript" src="jquery.js"></script> <script type="text/javascript"> // we will add our javascript code here
[code]....
here is my scenario:
I have a link and a div on a webpage. With the link I want to toggle the content (HTML) of the div. On toggle, I want to load the content from a PHP-file and I want it to load on the toggle, not when the webpage originally loaded (to reduce loading time on the webpage itself).
The file that is loaded on toggle doesn't have to be PHP, but it would help a lot.
I've tested across IE7,Firefox, Chrome, Safari and the only browser I experience this issue in is Opera. I have 3 icons at the bottom of the page (facebook, rainbow, charity logo) and on mouseover the whole site expands downwards (it's not supposed to do that). I've googled for reasons why it would do this but have found none. [URL]...
View 1 Replies View RelatedI am looking for a custom pop up box, but there is only 3 kinds (Alert, Confirm, Prompt). Neither of those will work.
View 13 Replies View Relatedwhy does this work under FF and only ONCE in IE but the problem remains the same as the firefox only code crashed IE's javascript.so it works only once still.SOLUTION -> changed event from onchange to onclick for my checkbox calling that function !
View 4 Replies View RelatedI am trying to make an order form I am working on accessible for users who have javascript turned off in their browser, and to do this I would like to hide a div if JS is disabled.
Searching the Web has led me to think that styling the div to not display is the way forward and then using JS to display it. It is the JS bit I am struggling with! The div in question is a set of radio buttons to allow a purchaser to choose how many gift memberships they want to buy:
<div id="giftmember-buttons" style="display:none";>
<h2 class="threepeaksform">How many gift memberships do you wish to purchase?</h2>
<fieldset class="threepeaksform">
<legend>Please select the number of people you are buying a gift membership for using the buttons below.</legend>
<div class="generalcontactform-group">
[Code]...
I have youtube link saved as a variable with value:[URL]... And I need to get a part of this link which I could use later:
The part would be oOzuBOefL8I It would be great to do it with javascript... Because I have url generated like this one:
httpObject.open("GET", "../talpinimas.php?id=reklama&paveikslelis="
+document.getElementById('paveikslelis').value+"&pavadinimas="
+document.getElementById('pavadinimas').value+"&url1="
+document.getElementById('url1').value+"&url1name="
+document.getElementById('url1name').value+"&komentaras="
[Code]...
What I'm trying to do just doesn't seem like it should be that difficult but I'm sure struggling with lacking skills I should say. I'm trying to automatically scroll a div up and down. For say if div.scrollTop = 0 then scroll to the bottom once it reaches the bottom scroll back up and so forth not stopping in a loop with say a timeout of 10.. Just need help putting it all together.
I've figured some stuff out:
I can tell if I'm at the bottom of the scrollable area with:
(document.getElementById(id).clientHeight + document.getElementById(id).scrollTop) - document.getElementById(id).scrollHeight
[Code]...
I'm trying to create a test using Javascript. Actually, I did this in PHP, but we need to put it a server that does nor run it, I think I can convert it to Javascript. I hope it'll be work as in PHP somehow. Test will be composed of 15 questions and each question has either "Yes" or "No" as answer. And, I use radio buttons here for answers. By the way, there will be more than one radio groups. Now, I want to check the value of clicked radio button in each group and use an if-statement to determine if it's correct. And, if it's correct, I want to increment a variable by 1. Finally, by the resulted variable incremented for each question in the test, I want to use another if-statement to show specific result message for and interval of that variable.
[Code]...
I'm trying to add watch() to IE, and have more or less working code:[code]That works until I try to use setInterval with the code in red color. I never really tried OOP or prototyping in JS, so my whole approach to the problem might be wrong, but anyway, I think that if I execute that code in red every 100ms [for example], I'll be able to catch changes to properties on which the method is registered. Well, either my idea is wrong, or the execution.Some parts are commented out and method name is changed so that I could work in peace in FF.
View 3 Replies View RelatedI'm looking for a lightbox that allows me to have 3 lines of captions. Line one would be the art title, line two would be art dimensions, and line three would be media used. Would someone point me in the right direction? I have a lightbox that supports multiple lines, but doesn't allow for line breaks in the caption.
View 6 Replies View RelatedNew to JS, and not too good at it. Trying to take some prewritten code and add script that displays some random text. Having trouble with assignment. Instructions are to replace a section of the file I am given with a script element. In the script element I am suppose to declare a variable named tipNum equal to a random integer between 1 and 10 returned by the randInt() function (which I made and have shown below). Then I am suppose to use a series of document.write() methods to write the following HTML code into the page:
<h1>Random Tip<br />title</h1>
<p>tip</p>
(Where "title" is the title of the random text as generated by the tipTitle() function from a external file, and which I did not make; and "tip" is the text of the random tip as genereated by the tipText() function, which is also from the external file, and not made by me) My code for the randInt() function is
function randInt(lower, upper) {
var size = ++(upper - lower);
var randValue = Math.floor(lower + size*Math.random());
}
The script I made to display the HTML code is
[Code]...
I am getting nothing on my page where the random text should be.
How can I use javascript to change the CSS the page uses? I'm a noob to javascript so please help me out =D
View 7 Replies View RelatedI have a form with multiple Divs containing radios, text etc. What I'm trying to do is write a function that will validate all radios only within a specified Div (in the code example below, Div4). I need to validate if all the radios in the div have "no" selected, or button[1]. If any have yes selected, then nothing happens. Only if all have No selected do I need something to happen.
Assigning radios to groups for validation is something I've done on a global (all of form) scale, but I can't figure how to be explicit to a div. The code below works, but only on individual radios, not groups. I've included a few buttons outside the div for effect. Oh, and the final product won't have alerts, it will be used to trigger a hidden div elsewhere in the form.
[Code]...
if I have this inside TD tag.what should I write instead ??? to reproduce new line in textarea.
View 2 Replies View RelatedI was wondering if there is a javascript code that works in all browsers and will allow when a person clicks on a certain tab I have that it plays a short beep.
View 3 Replies View RelatedI have a form where I want to force users to accept terms and conditions before they can move on to the next page (submit form).
<input tabindex="2" name="agreement" id="agreement" type="checkbox" value="N" onchange="checkAgreement()" />
<label class="checking" for="agreement">I accept the <a tabindex="1" href="?page_id=292" title="read this before you continue" class="popmeup">terms and conditions</a>.</label>
[Code]....
I want to change radio button values dependent on the selected item in a drop down list.The radio buttons have default values but I need them to be changed when the selection has been made in the drop down list and before the submit button has been pressed so the changed values will be written to the database.
View 2 Replies View Relatedoutputs lines of text, with two <br> between them. What I want is for if it's the last loop for that only to be one <br> but I can't figure out what that "last loop" code should be.
View 2 Replies View RelatedI am working on a project using HTML and javascript to allow the user to choose a vehicle from a drop down menu, then load a new page showing some information about this vehicle. The information is stored in an Excel file. I posted regarding this issue a while back and got an excellent response from Old Pedant about using ActiveX - which has thus far worked perfectly. My initial condition was that I would only be using IE7+. However, my next idea was to be able to use it on an IPad (which I unfortunately do not own yet, making any kind of testing difficult) which I am fairly certain ActiveX won't work on. So, I was looking for any other method which would be similar.
Important note: this will not use the internet at all, all of these files will be available locally. There is a lot of material on running queries to servers, but I didn't think that would really apply here. It seems pretty clear that JS has difficulty accessing files client side (which I understand why completely), but I was hoping to find something that worked for the gray zone I'm currently working in since I'm not using servers at all.
I know that this is not really the intended use of HTML/JS, but I was hoping that by writing it as an HTML file, it'd be accessible to anyone with a browser. Some of my target computers have odd limitations (such as not being to download .exe files).The code I based my original off of is shown below:
<script type="text/javascript">
var conn = new ActiveXObject("ADODB.Connection")
conn.Open ( 'Provider=Microsoft.Jet.OLEDB.4.0;Data Source=C:fullpath oMyExcel.xls;Extended Properties="Excel 8.0;HDR=Yes;IMEX=1";)';
var sql = "SELECT * FROM [nameOfSheet$]";
var rs = conn.execute( sql )
[Code]...
in my page i have two nav bars, one for js enabled and one for js disabled they are styled accordingly (the js disabled is display:inherit; and the js enabled is display:none;)now i may need to tweak those styles after i get the script working, but that i can toy with after i get this working anyways- my pages get the navbar inherited from a master page- so my thought was (to prevent loops) make a nav bar that had all js disabled links and a navbar that had all js enabled.
View 11 Replies View RelatedI wrote the following page in a day or two. Everything seems to work excellent, apart from in Firefox (FF) in which it doesn't seem to work at all. None of the other browsers have any trouble with it.
I'm pretty new to Javascript (everything you see in the source code is pretty much all I know) and I have absolutely no idea why it doesn't work in Firefox.
The page in question could be found [link has been removed]. It's all there is to it.
So yeah, how to actually make this work in FF?
I have the following code which I want to make a selection and the value should reflect in the text box and the text box should take on that value for future calculations.
<!-- Row 13, Col 1 Order Value -->
<tr><td colspan="2" align="right">Delivery Options:
<input type="radio" name="sapo" value="35" onclick="deliveryCost('35')" /> R35 - SA Post Office
[code]....