i downloaded a script from jquery tools which is the above: PHP Code:
$(".scrollable").scrollable();
$(".items img").click(function() {
// see if same thumb is being clicked
if ($(this).hasClass("active")) { return; }
// calclulate large image's URL based on the thumbnail URL (flickr specific)
var url = $(this).attr("src").replace("_t", "");
[Code]...
this doesnt works in i.e
Some history: Although I know that it is considered 'old' technology, I have built hundreds of imagemaps over 10 years for a local photographer who uses a panoramic camera (now a spectacular digital one) to photograph weddings, schools etc. I then pop an imagemap area over each face and add a title (and alt text for IE viewers) that shows up on mouseover to identify the person.
I've been using the jQuery tools library recently and tried changing this tooltip demo which turns an image's title into a tooltip from:
$(document).ready(function() {
$("#demo img[title]").tooltip('#demotip');
To:
$(document).ready(function() {
$("#demo area[title]").tooltip('#demotip');
Thus grabbing the title associated with an area rather than an image.
I just built a quick proof of concept using the image map of a family meeting on one of my sites, and viewed it in Firefox. As expected, on hovering over an area the tooltip popped up at top center of the image, with the title text in it. Wow! GREAT! I thought. ;-)
BUT...
In IE: Tooltip pops up, containing the matching title text, but far away from the clicked area and NOT at top center.
In Opera: No tooltip, browser's title box opens by mouse position, but with out title text, instead it contains the a href link that clicking in the area would go to.
In Chrome: No tooltip, no title.
In Safari: No tooltip, no title.
(BTW All tests were done in current browser versions under Win XP)
I just tried Tero's demo at [URL] in all browsers and it worked fine, in every case the tooltip appeared top center of the image, with the title text in it! So it would seem at first thought to be involved with the way browser manufacturers have built their DOM... But further reading indicates that all post v5 browsers use the same DOM model, so I'm stumped. I've Googled quite a few threads where folk have had js/DOM/imagemaps conflicts, but have found no post resolving the issue.
Since libraries such as jQuery claim to isolate us from browser variances, is it just that imagemaps are considered so 'out of date' that browser manufacturers haven't bothered to update their code to integrate them into the standard DOM? (Bravo FF, 'does it right' again!)
I have a js issue with i.e, my gallery works fine in ff but not in ie.
Any ideas heres the link
http://www.sparekeys.org.uk/
I'm developing a website and I am using a slideshow done in jquery which works fine on all pages expect the gallery page.On the gallery page I am using Lightbox2 but as soon as I add the js files to this page the slideshow stop working and only shows one image.
View 4 Replies View RelatedTrying to replace text in a different div on a focus and change it back on blur. The first replace works, however the second doesn't. If I just comment out the focus then the blur works.[code]
View 1 Replies View RelatedI'm pretty new at this - been using JQuery about three weeks full-time with good success. But. Some of the elements in my HTML can be selected by their ID's, using the $("#some-id") syntax, and some can't (the selector returns an empty set). In the debugger (Visual Studio) at a break point in the Javascript, I copy the ID value directly out of the html into theimmediate window and run something like to print out the length property of the wrapped set: ?$("#unfindable").length and get zero. I can do the same thing on other ID's and JQuery finds them as I would expect, and Ican't see the difference between the ones that JQuery findsand the ones it doesn't: for instance, they might both be divs. These aren't form input fields - for those I use something like $(":input[id='some-id']") and it works consistently. I don't do anything fancy like changing ID's at runtime - this is all simple static HTML, so I know that the element is there in the DOM and that it has the ID I'm looking for.
View 4 Replies View RelatedCan't figure this out.HTML code for the element in question:
<a href="#" id="nRight">RECENT NEWS</a>
jquery mouseover statement:
$('#nRight').mouseover(function() {
nextRight = '#newsRight';
});
[code]....
We're attempting to load a snippet of XHTML into a container on a page via .load() from a fancyBox pop-up.
Here's the bit of jQuery we're using:
[Code]...
I've got jQuery and 2 plugin libraries running on my website. One runs the navigation and the other runs a dropdown search box. Everything works great on my localhost, but when I copied the directory to the external server none of the jQuery worked. I'm not getting any Errors in my error log, and the directory has been copied exactly. [URL]
View 3 Replies View RelatedI've found a post regarding this issue but it's a little bit different this time.So I've created a .php script which creates some galleries where users can click them and browse their respective photos. It works like a charm in Chrome and FireFox, but IE doesn't like it.With this code:
script
type
="application/javascript"
[code]...
When I click on the gallery thumb it should open the first photo in fancybox and browsing through the gallery should by peanuts. And it is, but with IE just opens the .jpg in a blank page without fancybox. The strange thing is I've used the same script approach in another website and the fancybox works just fine with IE too. So why doesn't in this case?
i'm wondering why this hiding and showing function works on IE (6) but
it doesn't work in Mozilla Firebird (0.7)
function fnc_show(num){
for(i=1;i<7;i++){
eval("t_" + i + ".style.display = "none"");
}
eval("t_" + num + ".style.display = "inline"");
}
t_1, t_2 ...t_7 are the ids for TR elements in a table, i.e. with
fnc_show(3), it will show only t_3. This works without a problem on IE, but
it seems to do nothing in Mozilla, i only get an error telling that t_1 is
not defined.
I'm wondering too, if there is a better way to do it, cause i read that eval
function is inefficient .
I am doing a final project so I've been asking a lot of questions! This image displays and the rollover works in firefox, but the image doesn't display at all in IE. I was hoping someone had a suggestion what is wrong. Below is my function:
<script type="text/javascript">
function rollImage()
{
document.woman.src="girlPic.jpg"
[Code].....
I was trying to make simple JS script, but it seems like i have problem.
I have really basic html:
Code:
<?xml version="1.0" encoding="ISO-8859-2"?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
[Code]....
AS you see, i have ONE div element, and Firefox alerts the 1 as result, which is correct. But Opera (9) and Ie(7) returns length of 0. How is that possible?
this is intresting. I tryed to use '*' instead of 'div', to search for all elements. FF alerts HEAD, BODY and DIV elements, while opera only first two, and not Div.
I'm loading images one time after another on the click without AJAX It works fine on GOOGLE CHROME, but not on IE. The images load fine. The background <div> doesn't. It loads the size of the previous image. This is when I goto the nextButton and prevButton function. I also read it is because the image hasn't loaded fully yet. How do I wait until the image has loaded before it continues? If this is correct.
[Code]....
I've been working on this for about four hours (two today, two yesterday) and keep hitting the brick wall. I'm trying to create a function that will add an attribute to specified tags. As the title says, it works great in FF and not at all in IE7. Probably the first question you'll ask after you see my code is "why?" Well, I've got a form with over 100 form fields in it, and if I can avoid manually adding an attribute to all of them, I'll take the JS route.
[Code]...
Here is a simple version of the relevant line of my code:
[Code]....
There is no response for onmouse down, but onmouseup generates the appropriate alert. why onmousedown doesn't work?
I had php form in a page and I make the submit function using a javascript function ( some thing like protypes.js ). It is working fine in IE , Opera ... Nut doesn't in Firefox. Here is the code...
View 1 Replies View RelatedI 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'm using an xmlhttp request to get information from a database. Everything works fine in Firefox, and it works in IE until you try to refresh the page. If a news post (thats what it is getting from the database) is deleted it will continue to show the same information. I can't really post all of the script because it (along with the html and php) are spread out through many different pages:
[Code]...
I subcontracted a programmer who replaced my jquery.js with a different version of jquery. This version breaks my function, but my version breaks the layout. I have a function that works with
Code:
jquery.tools.min.js
But not with
Code:
jquery.js?ver=1.4.2
Here's is my function:
Code:
<SCRIPT type="text/javascript">
$(document).ready(function(){
$('.theVideoLink').click(function(e){
e.preventDefault();
$('#VideoContent').load($(this).attr('href'));
});
});
</script>
I need this code to work with
Code:
jquery.js?ver=1.4.2
But it doesn't. It works with
Code:
jquery.tools.min.js
But this jquery.tools.min.js breaks the layout in IE7&8.
I put iCal on my site which works great in Firefox but doesnt seem to display in IE, is there any way this can be fixed? Events | PrimaryCareCommunity
View 7 Replies View RelatedI am trying to make comments system and i want to add smileys.the content of each comment is written in TEXTAREAI have a JS code that gets a "smiley code" like :) and adds it into the TEXTAREA. i mean it adds :) :( XD ;) or what i sent to the function.the TEXTAREA code:
Code:
function Add_Smiley(smiley)
{
[code]....
I recently made a simple tool that opens a website in an iFrame and tells the user how long the page took to load. I made it out of a premade stopwatch
When i run the test in most browsers (Chrome, Firefox 3.6 and older, IE) it works fine with the output textbox going from "Please run the test" to "Test Running" to [TIME TAKEN FOR PAGE TO LOAD] but in firefox 3.7 (Minefield) it goes from "Please run the test" to "0" every time and the page in the iFrame doesn't load.
I've read that Firefox 3.7 has a new Javascript Engine
The test is at [URL] and the problem code is on THIS PAGE (Use View Source in your browser)
Is there a way to 'activate' an item in the list of items inside Scrollable? The thing I want to accomplish is this: call the api.seekTo() method inside a piece of javascript (this part works) and then visualy show the user what item in the Scrollable list it was that was sought. I know I can influence the appearance of an item clicked but what I do want is tell the scrollable to activate an item (and scroll if neccecary to bring said item into view). So clicking I understand, telling or programaticaly setting the item _without_ clicking and make it stand out (by using the activeClass property).
But I need the scrollable to goto the particular item, in this case my project is a dj timetable for times, so if its currently 2pm, goto that item in the scroller on start - of course, there's PHP involved, so that'll be used, I've already got the item classed as .active, all I need is the scroller to go to that item automatically.
if it's possible to nest tabs inside a scrollable from jQuery Tools. Basically, replacing the page content with a set of tabs. I've tried a few times, and with the jQuery native tabs, there must either be some JS or CSS conflicts that prevent things from working properly.
View 1 Replies View RelatedA little difficult to explain, but here goes:I've combined a couple different jquery scrollable functions to a webpage that I'm creating. URL...for my horizontal scrolling.The problem with the vertical scrolling function is that it relies on the mousewheel and mouse clicks for scrolling and I don't feel it's immediately apparent that the text scrolls. But I really like the effect, so I've added arrows and tried to get the functionality from the vertical scrolling example, but it's not working, except for the down arrow in the content in the very last tab. When you click on an arrow, it currently takes you to the previous or next horizontal section.
I know the answer is in there somewhere, but I'm not sure where to look for it. Here's the javascript file that controls the functionality:URL...