I'm working on some code to create hover text that follows the mouse.Now, the code works fine when the javascript is included on the page:
[URL]
However, when I try to move the code out to an external script, it doesn't work. I've tried looking all over to see what the problem is, but 99% of those with external script problems have errors in syntax or location of the source script.
[URL]
Let me say ahead of time I haven't the slightest clue how to write JavaScript, I've been copying and pasting for 12 years the same code and it's always worked.Right now, I'm having an issue with 2 of the 4 button graphics not doing the hovering effect they're supposed to. I DID do a search for this and couldn't find it so please forgive me if it is indeed here somewhere.Again, to be clear, 2 of the 4 images ARE going to the 2nd image when hovered over. 2 aren't and I can't figure out why. I've tried JavaScript validators linked from this very site but what they tell me is Greek to me.It's images 3 and 4 that aren't doing their hover effectsHere's the code: (I PRAY I posted this code right. If not, I'll try to fix.)
Code:
<SCRIPT TYPE="text/javascript" language="JavaScript">
<!--
[code].....
$j('div.LeftNavArrowRt').parent().hover(
function() {
var selector = ".sub_" + $j(this).attr('id');
[code]....
I have the following code:
scrollhandleEl.hover(
function () {
isMouseOver = true;
[code]....
Here is the website I'm working on:DEMO For my navbar and footer I use jQuery to do a nice fade in and fade out:
$(function(){
var navbar = $('#navbar'),
navbarLinks = $(".navbarlink", navbar);
[code]....
I'm currently cross-browsing the website and I found a very nice JavaScript hack that fixes the .PNG's so they work in IE6:
DD_belatedPNG It works but it messes up my jQuery so that:
1.) My splash screen image is not centered correctly
2.) When you rollover the navbar or footer links they work for one cycle but then they become un-active after that...I bet after the JavaScript .PNG hack runs it changes the item so that it is not getting selected correctly...
P.S. I have this website working on IE7/8, FF, Safari, Chrome, Opera and iPhone. I'm only having this problem with IE6 and I know that the .PNG hack is causing the problem.
Why does the filter() portion of this code not trigger in jQuery 1.4.3+? Is there a better way to be doing this? The filter() does trigger and work properly in jQuery 1.4.2 and below.
$(document).ready(function(){
$('#list a').hover(function(){
$(this).addClass('on');
}).filter(':first').hover();
});
I'm using tablesorter plugin with the pager plugin. I created a row hover function because I couldn't get the tablesorter rowhover to work. This one works on the first page of the table but subsequent pages don't get the function (assigning the class) applied.
This is my function:$(document).ready
(
function()
{
$('#tablesorter tr').hover
[Code].....
Frustrated and exhausted. I've created a menu with the following code, but I'm getting this error ("invalid assignment left-hand side
<a class="nav-image" href="/menu-link'">
<img class="image-menu-rollover" src="/image.png">
<span class="nav-txt">menu-title</span>
[code]....
I have this code for a hover effect, it was working, but now won't. jQuery is working, but events from jquery aren't...
$(document).ready(function () {
$("#logoimg").hover(function () {
$("#logoimg").attr("src", "Media/imgover.png");
$("#logoimg").animate({ width: 420 }, 300);
}, function () {
[Code]...
The JS file works and the menu fades but theres not change on hover, heres the code i'm using for the js:
$(document).ready(function(){
if ($.browser.version = jQuery.browser.msie &&
parseInt(jQuery.browser.version) == 6) {
[code]....
I'm new to JavaScript, I just finished some basic things, like getAttribute, setAttribute, getElementByID etc. I understand that inline javascript isn't the best way to go, and all the JavaScript should go on an external JS file. I also know that you should be able to downgrade gracefully, allowing people whose browser do not/blocked javascript to still use the site. So I just want to do a simple go back function in an external javascript, however it's not exactly working.
[Code]...
I have an advertising script , its embedded on the html page . here is the code from the HTML
Code:
<script type='text/javascript'><!--//<![CDATA[
var m3_u = (location.protocol=='https:'?'Linkhere':'Linkhere');
var m3_r = Math.floor(Math.random()*99999999999);
[Code]....
I've created a horizontal scrolling site using the following:
$(document).ready(function() {
$("#nav a").bind("click",function(event){
event.preventDefault();
var target = $(this).attr("href");
[Code]....
which is working fine, however, some of the external links on my page are now not working.
I have implemented a jQuery hover top level menu & it is working fine in bothIE 7& 8. However, when I am executing the same code in Mozilla Firefox, it is not rendering hover effect at all. Also, I am adding a <span> using jQuery if JavaScript isn't enabled. This span is also not getting added in Mozilla.
Following is the code that I am using.
<script type="text/javascript" src="[URL]"></script>
<script>
$(document).ready(function(){
$("ul.subnav").parent().append("<span></span>");
$("ul.pnode li a").mouseover(function() { //When trigger is clicked...
//Following events are applied to the subnav itself (moving subnav up and down)
$(this).parent().find("ul.subnav").slideDown('fast').show(); //Drop down the subnav on click
$(this).parent().hover(function() {
}, function(){
$(this).parent().find("ul.subnav").slideUp('slow'); //When the mouse hovers out of the subnav, move it back up
});
//Following events are applied to the trigger (Hover events for the trigger)
}).hover(function() {
$(this).addClass("subhover"); //On hover over, add class "subhover"
}, function(){ //On Hover Out
$(this).removeClass("subhover"); //On hover out, remove class "subhover"
});
});
</script>
I came to know that IE & Mozilla see .parent differently.I have tried everything but not able to get this stuff working in Mozilla. I am using Firefox 3.5.5 version.
I'm a jquery newbie and am trying to use it in a simple web application. This application has a controller servlet that forwards the request to a 'login.jsp' page by default. In the login.jsp page, I used Jquery for the hover effect on the submit button. It works absolutely fine if change the extension of the file to html. If it is changed back to jsp, it the javascript is not working. I see the following error in Firebug console:
Syntax Error
[Break on this error] <!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"
***Please see the attachments for the login.jsp and login.js files.***
I have the files 'login.jsp', 'login.js', 'jquery-1.3.2.min.js' under the webapps/QT/jsp/ folder.
I am using jquery to do two things: - load a modal popup which loads an html page (I'm using facebox) - in the modal popup, I have before/after states of the image, which is handled by a little jquery code
In FF and IE everything works correctly. In Safari and Chrome, the modal popup works, but once the popup loads, the before/after states of the image does not work. I can't seem to find a solution to this.
I am loading jquery on the home page (index.html) but I do not have it being loaded in the modal popup html pages. Is that the problem?
I have a link to show this, but am unable to post it due to my new membership status. You can PM me for the link.
Here is the before/after image state code:
Code JavaScript:
origImage=null;
$(function() {
$("#myImage").hover(function() {
[Code]....
I have the following in my html page code...
When I try to put this in an external file (I need to do this to avoid placeholder replacement problems) the js is ignored. I am removing the <script> html portions and the js file is in the same folder as the script. Other js in the external file IS functioning so the file is being read ok.
Can anyone give me some insight into how to get this done?
below is the script I'm trying to externalize but whatever I've tried doesn't work (the Login button doesn't nothing when the script is external).
<form name="login" autocomplete="off">
<p>User Name :
<input type="text" name="username"></p>
[code]...
My site pages are now html4/strict so I used the "function externalLinks" script found here [URL]. I followed the instructions carefully, made sure I copied the script shown to the external.js file and uploaded it into the same directory as the html files. Also made sure that external.js was called as required in the head. Also made sure all target="_blank" were changed to rel="external" as required. Unfortunately, it doesn't work. The link takes the visitor outside my site, instead of creating a new window. I don't get it. Here's one of my pages ... [URL]
View 3 Replies View RelatedI have made aa simple offline website to be used as an intranet. This is made up of an html file and a seperate js file.
While testing, i had the html on my c: drive and the one line js file sitting on a network drive (g - everything worked how it should.
I then put the html onto g: drive and find that the part that the js file controls no longer works...
All my file paths are the same and point to the right place but for some reason the js doesn't work.
I tried to pass the external JSON object on validate method. But It's not working.
Here is my sample code:
I have a master.html where i have navigationDIV and bodyDIV, and on every click of nav tabs i am loading external html page into bodyDiv using following .load() function. $('#bodyDiv').load('home.html') Now I have some basic JQuery functions in external JS file which i have linked in master pagewhere i am using toggleSlide(), hide(), addClass() so and so forth, first time when page is getting load all these functions are working alright but the moment i am loading another tab page all functions stop working even on first tab also. Tab onClick script from where .load() function is getting fired:
<li id="one"><a href="#first" onclick="javascript:$('#bodyDiv').load('home.html')" >Home</a></li>
<li id="two"><a href="#second" onclick="javascript:$('#bodyDiv').load('trade.html')" >Trading</a></li>
Note FYI: I have used Jquery Tab UI on this page, the scrip is as below:
[Code]...
I have been trying to integrate Big Cartel into a wordpress site using their external API but I've got some issues getting the script working in a wordpress page. It seems to be working how I want it in Chrome and Safari but not in FF and IE? The coding for the page is below.... why this wouldn't work in those browsers?
[Code]....
//-----10% Off Coupon-----
if (coupon=="N110"){
form.PRICE.value=-(moneyFormat(fTotal * .10)-1);
form.ID_NUM.value="N110";
form.NAME.value=" Craft Month Promo 10% Off";
location.href=location.href;
return true;
}
I want to replace the .10 with an external peice of data, so users can change the amount with having to open the script. Sorta like those early marquees' where the marquee text was inserted from a text file.
Umm, this is a tricky one to add a descriptive title for!
Basically I have two links on the page that go to the same page when clicked. What I want to do is when I hover over one of those links for the hover to work for both of them and visa versa.
So I have this links
<a class="connected" href="">Connected</a>
<a class="remove" href="">Remove</a>
a.connected { background: url(../images/connected.png) no-repeat 0 top; }
a.connected:hover { background: url(../images/connected.png) no-repeat 0 bottom; }
[Code]....
I hav linked external js (ext1.js) to my app.html page. Now in the ext1.js, I have a function like
[CODE] function onwindowload(){
//Access HTML element and append external js 2 (ext2.js) here
}[CODE]
//Access HTML element and append external js 2 (ext2.js) here--->I donno how to add external JS here.
Even if i add the external JS here, the JS uses document.write fn. which replaces entire page.