I'm using a script I've found that adds a bullet to links on a page:
<script type="text/javascript">
/***********************************************
* Bullet Link script- � Dynamic Drive DHTML code library (www.dynamicdrive.com)
[code]....
modifying an existing function which controls the highlighted states of a multi level js accordion menu. I have had to use javascript due to certain css elements not working in safari browsers.My problem is due to the multi level aspect as when a sub link is clicked, the parent link above it then deselects. I need the parent link to stay active when its sub links are clicked and only deselects when a link outside of that list is clicked upon.I understand the theory of adding a conditional statement but simply don't know how to apply it correctly within the functionHere is the existing function which tells a link to be active or selected:var Lst;
function CngClass(obj){
if (Lst) Lst.className='.topnav';
obj.className='selected';
[code]....
There's an object:
foo = new Object();
and a property called 'bar' with a value of 1 is to be added to it using
JSON. If I try the following it only demonstrates my ignorance:
var str = "{foo:{bar:1}}";
eval(str);
alert(foo.bar) // gives undefined
Could someone please explain what I'm doing wrong here?
I'm fairly new to jQuery (1.4.4) but finding it to be an incredible library of tools. I recently scrapped my old image swapping JavaScripts for some new stuff I wrote for jQuery. It's all working in jQuery the way it was working before without jQuery. So far so good. Now I'm fiddling around with adding some jQuery animation effects and find the experience disappointing.
So I have images with an indexed id, like this...
Code:
<img id="m-0" src="/normal_0.jpg" />
<img id="m-1" src="/normal_1.jpg" />
etc.
With the following jQuery, I simply swap out the image ("m-0") on mouseover to an image called "over_0.jpg" by changing the url in "src" for image element id "m-0". The real code is doing image pre-loading, binding multiple elements, filling an array with all the URL's for the hover images, etc.
Code:
$(document).ready(function() {
var over; var out;
$('img[id|="m"]').each(function (i) {
$(this).hover(over, out);
// *snipped* code in here filling various arrays with URL's
// *snipped* code here doing some image pre-loading
});
function over(event) { // mouseenter
$(this).attr("src", '/over_'+$(this).attr('id').replace(/m-/, "")+'.jpg');
};
function out(event) { // mouseout
$(this).attr("src",'/normal_'+$(this).attr('id').replace(/m-/, "")+'.jpg');
};});
So the code above is working for me... swapping images.
The issue or question now is how can I apply a simple fadein or fadeout on the in/out events? I've been experimenting today and no matter what I do, I get the image swap and then an animation... or vice versa. It looks ugly since the background shows through... I just want to fade from one image to the next instead of a quick snap from one to the other. Most of the plugins I've found seem to be overkill for this. Or they require two separate image elements... I just want to do it each image with my single img element.
I've site that is divided into two frames
Frame 1 Frame 2
???????????????????????
? ? ?
? ? ?
???????????????????????
At the first frame reside my site content.
At the second frame I'm hosting other (random) site from the net.
the question is:
How do I ** add ** code into the other site html document in order to add it
functionality that I need?
The script below is configured as an onmouseover & out fad-in url script. It's been configured it so that the fading of links only occurs in areas with the class name "fade". My first and simplest request is that someone has a quick look and changes the code from class name "fade" to class name "descriptions". i would do it myself but the word fade is also used for other variable names within the script (etc) and i'm not 100% sure which names to change and which to leave
The second aspect I need help with may be somewhat more challenging.
The script currently fades the TEXT of the link from one color to another. I need it to fade something else. luckily i think the modifications to the script might not neet to be that extensive. Here's what I need.
Instead of the color of the text fading in & out, i need the color of the boder to fade in & out. Here's an example:
i need the properties of the link to go from
text-decoration:none; border-bottom:1px solid FFFFFF;
to finish at
text-decoration:none; border-bottom:1px solid FFB903;
the only change is the color... so i figure all we need to do is create a color variable and place it in the code, like so:
text-decoration:none; border-bottom: Ƈpx solid' + 'color'
and then simply have that color variable increment using the startColor and endColor variables found below Code:
I have a set of div elements cached inside var divs = $('#myDivs'). Suppose another div comes along that i want to add (push) to the group. is there a simple method for doing this without selecting ones already in the group for a second time?
View 3 Replies View Relatedi have a image around 995x700. and i'm about to change up a couple things on a site i'm working on and want to add a mouseover event (or something like that) to it. i certain areas, i would like the user to mouse over and see a new image rise up in front of the existing image, and then go away when they "mouse off" (i guess that's the term). i know there is a possible way through jscript or ajax.
View 4 Replies View RelatedI'm trying to add a onclick event that will sort an two dimensional array to a existing element that I can not change. The error I keep getting is User Agent: Mozilla/4.0 (compatible; MSIE 8.0; Windows NT 6.1; WOW64; Trident/4.0; SLCC2; .NET CLR 2.0.50727; .NET CLR 3.5.30729; .NET CLR 3.0.30729; Media Center PC 6.0; .NET4.0C; .NET4.0E) Timestamp: Wed, 30 Jun 2010 20:15:48 UTC
[Code]...
Is it possible to keep on adding a existing table whenever the use clicks addtables() button using javascript?for example I have a table like below.. whenever user clicks the addtable button. It should keep ona dding tables.
Code:
Empno dept city
111 IT ny
[code]....
I inherited a site that has jscript and html content. The site frame (top and left nav) are controlled by the jscript file. Most all of the content that is displayed when links or topics are selected is placed in the center of the page. I need to put some scrolling text in one of the top frame blocks, (the section that is java script file).
function buildMenus(){
var headerString = "";
var leftnavString = "";
var footerString = "";
[code]....
I have a couple of jscripts that do the scrolling I want, I just need to know how to insert it in the above section.
I have a function I call to see if people leave form fields empty. I have been asked by a client to check to make sure of the person's date of birth as well. They gave me the script, however, I am unsure how to do implement it. How do I add this to my existing checks? Code:
View 2 Replies View RelatedA question for a jQuery expert. I'm more familiar with Prototype, but I've been using jQuery a lot recently and needed to find out how something is done, jQuery style Prototype has a rather handy wrap() function which lets you wrap an existing function within another function. It lets you attach code to be executed before or after an existing function is called.[URL]...
View 1 Replies View RelatedI came across Marijn's helper function again called forEach. It does just what it sounds like it does, and is one of those things one would consider adding to their own personal little library like getElementsByClassName...My question is, I've heard/seen that Mozilla (and only Mozilla at this point) indeed HAVE a forEach function, and I do most of my beginning testing in a recent-stable Mozilla browser, so I'm not 100% sure but I think the Mozilla forEach might work... what happens if I write my own and I keep the name?
So if there's some default forEach that the browser natively understands, and then I have a function in my lib that has the same name, does mine take precedence over the native one, or not? Is it just safer giving libraries slightly weird names so new in-built functions can't possibly interfere?So also, if later browsers end up implementing the newer Javascript (2?) that as I hear, will implement a getElementsByClassName, would this break, or ignore, everyone's pre-made getElementsByClassName, assuming they are called the same name?
I have an existing JavaScript function that cycles through a bunch of colors depending on how many clicks of the mouse made.The all works fine, but I have since my code a little more complex, so now the colors are remembered once the user goes back to this page.. this is done with PHP and mySQL. The problem is that, once they go back the color may be red (2nd in the cycle), meaning next click they would expect to see orange, but the click counter is back to 0 so they actually see green.The code is:
Code:
<script type="text/javascript">
function countClicks (obj){
[code]....
I hope you can help tweak a jQuery function...
If you look at this "fiddle":[URL]... (it was written by a friend of mine, Addy Osmani...you probably know him!)
[Code]...
I'm trying to add a unix timestamp into an exisiting function, but am uncertain how you add the variable. I searched the boards here, and came across this example to convert a date to unix in javascript. var date3 = new Date(Date.parse("21 May 2009 10:03:20")); And I'm trying to add it to this: flashobj3.addVariable ("targetTime", $date3);
View 2 Replies View RelatedAll I need to do is get the JS code to forward the user to a new page (via GoTo URL) when they click on the icon.
This is what i've got in my html:
I'm trying to add a function to an existing JS object without much success. The new function is included in a file of dynamically loaded JS (included using document.write), appended after the core JS script tag at runtime. This should be a simple task:
[Code]...
Adding extra script tags to the html source isn't an option either. There would be too many pages to think about. My new function must be dynamically loaded in with JS somehow. Is there anything else I could try?
Basically what I want to achieve is a timeout on "over" followed by a subsequent timeout when the timeout is being removed....
I have got as far as:
Code:
function toggleMenu(el, over)
{
if (over) {
setTimeout(Element.addClassName(el, 'over'), 200);
[code]...
Ok, the title might not be a very good title, but I'll try to explain a little better INSIDE the post Ok, so here is my example jQuery
$(document).ready(function(){
$('#holder').html('<a href="#" id="foo">Hey!</div>');
$('#foo').click(function(){
[code]....
I am working on an HTML project that displays a field with a number in the field by each day. What it does is start at 0 on day one. Each day it adds a 1 to the field. Day 2, the field would say 1, then day 3 would say 2, and so on. I am not sure how to approach this. This is also displayed in an HTML format. I want to to be automatic and change as the date changesI will also need a way to reset it back to zero if possible.
View 27 Replies View RelatedI've got the following JS function that does a basic countdown to a specific date. I have a series of dates, and rather than change the date manually each time the previous one has passed, I'd like to automate it a bit and have it just read the date from an array, and use that date for the countdown. The check would be if the countdown'd date has already passed. Here's what I currently have:
<script language="javascript">
// date/countdown
function showDate () {
var now = new Date();
var date = now.getDate();
var month = now.getMonth() + 1;
var year = now.getYear();
currentDate = now.getMonth() + 1;
window.status = month + "/" + date + "/" + year + " thisdomain.com ";
var roundCDiv = document.getElementById('roundC');
var showDate = month + "/" + date + "/" + year;
//roundCDiv.innerHTML = showDate;
// countdown
var nextDateB = new Date("October 30, 2005");
var diffB = nextDateB.getTime() - now.getTime();
var daysLeftB = Math.ceil(diffB / (1000 * 60 * 60 * 24));
var roundBDiv = document.getElementById('countdown');
//roundBDiv.innerHTML = daysLeftB + " days until ...;
roundBDiv.innerHTML = daysLeftB;
roundBDiv.innerHTML = daysLeftB + " ";
}
</script>
I have been asked to make some changes to a form that uses Javascript for the form validation. There is a 'function' that contains the variables of the various form fields and then further code to raise 'alerts' if one of the fields on the form hasn't been filled in. My problem is that for some reason I am unable to add an extra variable to this code after the field of 'County' (this will hopefully make sense when you see the code / link...) and I am stumped as to why. I am able to add variables for all of the other required fields except for 'Postcode' after 'County'. This is the case for both forms. The link is here: [URL] and the code I am trying edit is below. The issues seems to be when I add && isPostcode() to this chunk of code:-
Code JavaScript:
function checkAvailibility()
{
// re-calculate...
calculate ();
[Code]....
I tried to create a function to reduce some in line code. However something is wrong with the function call getGenderChoice() because the code stops working. If I comment out getGenderChoice() and uncomment the lines that would be in the function it works properly. What would possibly be wrong with a function call that seems to follow function rules?
PHP Code:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html>
<head>
<title>Main</title>
[Code].....
I am looking for a cross-browser way (Firefox 1+, IE 5.5+) to
have my Javascript function execute from the BODY's "onload" method,
but if there is already an onload method defined, I would like mine to
run immediately after it. So in the code below, what JS would i need
to add to my "myfile.inc" page so that I could guarantee this behavior? Code: