I have some HTML
<li id="liID"> <a href="#"> Some text here <img id="imgID" src="oldImg.png" /></a></li>
and jQuery code
Function #1
$('#imgID').hover(
function () {
$(this).attr('src','newImg.png');
[Code]...
Is that possible when you click a child that the function on the parent don't run.
In these example, if I click on 'h2 > a
', both elements triggers functions ('h2' & 'a')
What I wan't is that if I click on 'h2 > a
[code]....
I have an AJAX script which is used for a "live search" type function.When a user begins to type their search, after 3 characters, my AJAX script jumps into action and shows them a list of possible results.I has worked fine for months, and now suddenly I have found that it is causing a javascript error.I have traced the error down to the "open" call... ie: this.xmlHttp.open("GET", url, true);Like I said, this has worked for ages and I haven't changed these files since I got them working.
View 1 Replies View RelatedI want to resize an IFRAME. It works nicely when I try to resize the frame with a commant loaded via
onfocus="if (parseInt(document.body.scrollHeight)<
parseInt(document.body.offsetHeight))
parent.document.getElementById('iframeID').style.h eight=parseInt(this.docume
nt.body.scrollHeight)+2+'px'
else
parent.document.getElementById('iframeID').style.h eight=parseInt(this.docume
nt.body.offsetHeight)+1+'px'" onload="this.focus();"
in the IFRAME body tag.
But I want is to resize the IFRAME when it's content is fully loaded. The
problem is that the content is put in via a javascript.
Even if I put the above lines "if.. else .." under the document.write
commants the this.document.body.scrollHeight will return 0px.
I want to build a specific statistic system for my site. To do this I need a method to trigger a php script (witch will insert user data to SQL database) from HTML using some kind of java script, with out redirecting the user through the php page.
I have the php script I know how to get user and page data I do not know how to trigger the stats.php every time some enters the page.
I need to know how stop a action hover and just the last action happen
View 2 Replies View RelatedI have come across a very interesting problem that seems to be impossible to solve. Basically a web application that I am working on relies on a JavaScript function called go to change the input named view to the page name and submit the form. This form's type is post, so no values are included in the actual URL string. There is also another input called action and it's value is view. This is to tell the application that the user would like to view a page. The problem is because of the variables being of method post, page refreshes and back and forwards return errors because the post variables view and action aren't sent with the required data. To somewhat solve this problem I have created a feature that tells the application that if the post value page is empty then to try and get a GET var called page. To insert this var into the go javascript function I simple add this code
document.go.action = document.go.action+"&page="+page;
This line basically adds &page=[page] to the action of the form. The problem is, this code doesn't work because action is also the name of a form element. Referencing document.go.action refers to the input element named action and not to the form's action. Changing the named of the action input value is out of the question (Way to much changing of code, and possible room for error). What can I do to change the action of the form without referencing the input named action. Here is my go form and the JavaScript code:
<form name="go" action"index.php?sid=123" method="post">
<input type="hidden" name="action" value="view" />
<input type="hidden" name="view" value="" />
</form>
[Code]....
Okay here is the deal: have a portion of the website on the server. Worked great an hour ago. Did absolutely nothing to it. An hour later none of the jquey elements are responding either on the server or locally on the computer. Did absolutely nothing to any file or server within that hour. Check site on other computers same response. What causes jquery failure? How do I troubleshoot?
View 2 Replies View RelatedI recently tried to upgrade from 1.3.2 tot 1.4.2, but I'm having some issues. I'm not sure this should be in the 'Using jQuery Plugins'-section...
At the moment I'm using jQuery 1.3.2 and the plugin Ajaxify 2.00 (this one: [URL]
The script I'm using is this:
$('.link_ajax').livequery(function(){
$(this).ajaxify({
tagToload:{'#AjaxText':'#middle_ajax', '#AjaxTitle:'#top_ajax'},
loading_fn: function(){
[Code].....
The loading page contains a div called "#AjaxText" and a div called "#AjaxTitle". The first div also contains a line with "<script type="text/javascript" src="xxx.js"></script>". In jQuery 1.3.2 the whole script works fine. Ajaxify loads the data I request, puts the data where it belongs on the page en the additional javascript-file gets loaded and is ready to use in the loaded data.
in jQuery 1.4.2 the script doesn't work. Ajaxify loads the data, puts the data where it belongs on the page... But the additional javascript-file doesn't load... In fact, when I alert() the data after it gets stripped, the line <script>....</script> is gone?
i am retriving some data from database and displaying it on a html page in table format and using a jquery plugin(tablesorter) to display it in form of gird.
Evrything is working fine i am able to use all functionality but when i load this page on some other page using ajax then that jquery plugin stops working.
Using AJAX, I wrote a little function that will call a .cgi script on our server, and populate 2 different select fields. The JS code is:
Code:
$(function(){
$("select#Continent").change(function(){
alert("HERE");[code]....
Now, I know #Continent exists - as I can see it fine in the HTML.
I've been working on building a site and I was styling a form via css when I realised after I finished that the jquery I'd spent the day working for some reason has stopped functioning.When I say stopped functioning I mean selectors work, classes applied via css etc work, things are working but transitions via coda slider and jflow plus i've put in aren't coming in for no explicable reason. Atleast to me, its frustrating having spent a bit of time working on these respectively. When I check it in firebug the 'slides' change and when I close firebug it switches back in jflow and coda just isn't working but css styles are being applied. I'm really hoping this is something my end rather than a screw up somewhere, I can't see what I would of done though just by editing CSS.
The site is http:[url]...
Last year I used jQuery slider to gather input of several continuous variables. It worked very well. In the intervening year I updated jQuery and jQuery slider and moveTo seems to not work. In fact I do not see moveTo mentioned in the slider documents. This worked previously:
$("#slider1").slider({
min: 20,
max: 100,
startValue: 20,
[Code].....
[URL]
I have a tool tip on the bottom right pictures.
I added the slidedeck accordian...now only the accordian works..not the tooltip.
Im sure there is a way to combine the code...etc.
About 2 weeks ago, I had some plugins just quit working. I have searched and cannot find anything about this issue. I have not made any changes, prior to this happening.
The issue, so far, has affected the "blockUI" plugin, and the "print" plugin.
All I get back now (instead of working code), is that the particular plugin is not a function. Something like code...
I've tried changing it to blockUI(), rewriting it the way the print plugin worked, but nothing seems to be working
I had the following, which worked perfectly:
<a href="#" class="page">1</a><a href="#" class="page">2</a><a href="#" class="page">3</a>
and the jQuery:
$('.page').click(function() {
console.log("you clicked");
});
But now when I add the links within a div, it stops working.
<div id="newsPages" class="pageNumbers">
<a href="#" class="page">1</a><a href="#" class="page">2</a><a href="#" class="page">3</a>
</div>
This frustrates me so much, because shouldn't it still find the links? I tried the below just to make my selection more precise (even though I'm pretty sure it doesn't matter if there are no other links of that class on the page):
$('#newsPages .page').click(function() {
console.log("you clicked");
});
$('.pageNumbers .page').click(function() {
console.log("you clicked");
});
I'm using mootools-core-1.3.2.js & mootools-more-1.3.2.js to toggle hide/show a div
but since I started using jquery-1.4.4.js the mootools toggle stopped working. Here is the jquery code I'm using on all of my pages
Code:
$().ready(function() {
function formatItem(row) {
return row[0] + " (" + row[1] + ")";
}function formatResult(row) {
return row[0].replace(/(<.+?>)/gi, '');
} .....
I know next to nothing about coding, and have been trying to teach myself with a personal folio project. I posted some progress here a couple of weeks back that looks like this:[URL]... Note that the version above has a fully scalable background image. I uploaded the 'finished' version, which looks like this:[URL]..
I'm pretty sure I didn't change anything to do with the scalable background, but now it doesn't scale. I've been comparing the two all day and this is driving me crazy The Fullscreen plugin I'm using is this one here:[URL].. I'm hoping that this is just a really silly error on my part,
I was hired a while back to maintain an existing site at (http:url]...). I believe the site was originally designed with Dreamweaver several years back, including the menus.The pop-up menus have worked fine until recently. They seem to be working fine in every browser (Firefox, Safari, Chrome) expect IE. I have spent several hours trying to determine the problem, with no luck.My knowledge of Javascript is limited (which is part of the problem).I have made no changes to the menu code recently, so I don't know how to track down the problem. IE says there is an error "Object Expected" in this line:
<script language="Javascript1.2" type="text/javaScript">mmLoadMenus();</script>
<script type="text/JavaScript">
<!-- Hide from old browsers[code]....
I have searched all of the forums before posting this, every year I have a Halloween Party and post it with this script for the continuous countdown?Now it is not working it seems to be off by one day?
var today=new Date()
//Enter the occasion's MONTH (1-12) and DAY (1-31):
var theoccasion=new Date(today.getFullYear(),10 ,31 [code].....
I'm using Lighbox on a project I'm working on, it was working and all of a sudden has stopped. I have changed nothing. Here's how I have the lightbox.js file added to the header
<script type="text/javascript" src=scripts/lightbox.js"></script>
And in the image tag I have added the rel="lightbox"
<div class="thumbnail">
<a href='images/display_images/<%#Eval("Name") %>' rel="lightbox" title='<%#Eval("Description") %>'>
[Code].....
I've run into a bit of a hard-to-diagnose problem with my javascript menues in IE. The menues work fine in Mozilla/Firefox, but in IE the mouseovers don't appear and the submenus don't appear when the menu items are clicked. Code:
View 3 Replies View RelatedI've created a test site which shows the problems I'm having getting my images to display properly using lytebox. I'm running lytebox rather than lightbox as it's better at handling iFrames. I've spent hours trying to figure this out - I had it working initially yesterday, then suddenly, for no reason that I can see as I changed nothing, it stopped working entirely. It should be so straight forward yet it clearly isn't working. Even after creating this test site I get nothing. Perhaps a fresh pair of eyes will see what I'm unable to.
View 14 Replies View RelatedFor a lot of years now I've used a javascript that does a simple rollover image swap, but also changes another alternate image at the same time. It's always worked like a charm.Lately I realized that the script no longer works in IE, though it used to in older versions of IE (I think it stopped working in anything past IE 7). It still works fine in Firefox, Safari, etc.I haven't been able to find a good alternative for this script, so I'm really trying to get it to work again in IE, but so far no luck.Here's the link to the actual script itself.
http:[url]....(you can see that even the example on this page doesn't work in IE anymore)
i have a menu generated by a list with nested lists. i want the parent link to stay highlighted when the mouse hovers over the sub menus. because those sub menus are also generated by jquery (qtip), CSS alone won't do it (triedul.topnav li:hover a {background-color: #F00;}).is there a way to do this using jquery?
View 15 Replies View RelatedFor some god-forsaken reason (which I can't find out either) MSIE
stopped executing any JavaScripts. In any page which contains
JavaScript code, that code won't be executed. There are no error
messages, no warnings, nothing. It simply does'nt work. I'm pretty sure
this could be caused by some stupid installation of another program
that messed up some IE settings.
Security settings for IE are all lowered down. Everything is activated
(Scripts, ActiveX, automatic download of anything, anytime)... so we
ran out of ideas of what could be the problem. And yes, we have also
tried to reinstall IE.
The only clue we have is that a local Administrator user can change IT
security settings for himself and (go figure) things work fine! The
problem occurs with users that have limted access to the computer and I
am pretty sure this shouldn't happen. If you are wondering... yes...
the local administrator has already tried to change the settings for
limited user account..