Jquery :: Tools Breaking Layout In IE7 And 8
Jul 17, 2010
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.
View 3 Replies
ADVERTISEMENT
Jan 9, 2010
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.
View 1 Replies
View Related
Dec 5, 2010
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
View 1 Replies
View Related
Oct 13, 2010
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 Related
Nov 15, 2009
A 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...
View 3 Replies
View Related
Jan 18, 2010
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!)
View 4 Replies
View Related
Nov 10, 2010
I want to make a list of divs into a vertical scrollable slider.Each div will consist of a small thumbnail image, a small title header and a link.I haven't started coding this yet but the above code should give you an idea of what I'm aiming for. The image thumbnails will be floated on the left, and the titles/links will be floated on the right.
I've been looking at the jQuery Scrollable script here and when I tested it with JS turned off, the rest of the content within the slider stayed hidden, instead of being visible and there was no way of viewing the rest of the content within the slider, other than the three images that were "in view".I would like to know if there's a way of making all the content within the slider visible all at once when JS is disabled. Is it possible to do this?
View 16 Replies
View Related
Feb 1, 2011
The $.ajax call was working fine in 1.4.4. However, upon upgrading to jQuery 1.5, all my AJAX calls are triggering the error callback instead of success. Furthermore, the error being thrown is empty (or at least isn't showing up in the alert box. This happens on IE, Firefox, and Chrome.Getting the same problem with $.getJSON as well (which makes sense if its just a shorthand $.ajax). I've included the function that makes the ajax call below.
[Code]...
View 13 Replies
View Related
Mar 11, 2010
I"m using [URL] for the line breaking of the link-names. It works wonderfull if the link is hyphenated like my-loooooooooooooooooooooooong-link-name, but ignores if it is with undescore.
How can one add a support the line breaking by underscore?
for example: my_loooooooooooooooooooooooong_link_name
will be:
my_loooooooooooooooo
oooooooong_link_name
View 1 Replies
View Related
Aug 24, 2009
I have a simple UI Dialog to display a loading notification.
If I call foo.dialog('open') then foo.dialog('close') is called in quick succession all of the <a> links on my page stop working. All the inputs work fine, just the links don't work.
If I open another dialog that closes after a delay then the links begin working again.
View 3 Replies
View Related
Jul 18, 2010
I have two elements:
<button type="button" id="thebutton">Click me.</button>
<input type="text" id="thetext">
That I use for the following function call:
ReloadElement($('#thetext'), $('#thebutton'));
The function is:
function ReloadElement(thetext, thebutton)
{
thebutton.mouseover(
[code]....
View 1 Replies
View Related
Mar 11, 2010
I am wondering how I can create an object or two and have them communicate through events, while not having them rely on each other.I am building an image rotator that auto advances the images as well as a clickable interface to select images. I want the image rotator object to tell the interface object which image it's on so that the interface can change style accordingly. The only way I see to do that is with the .trigger() event handler. This seems like it would break encapsulation.
View 1 Replies
View Related
Jul 13, 2009
I've been working on this for quite a while trying to figure out why I can only get a click to be recognized by IE once. If a user clicks on another element, and then goes back to the original one, nothing happens. I've gone right down to this
<code>
jQuery("ul.showList li.show div.showData, ul.myShowsList li.show
div.showData, ul.myFriendsShowsList li.show div.showData,
div#popForecast li.show div.showData, div#gigList li.show
[code]...
View 1 Replies
View Related
Apr 9, 2011
I posted this message a while ago but I can't find it. My bad if both show up. I just tried the validate plugin. I added the link to load it into my form and now I am getting callback querystring (I normally don't use querystrings) and I am not sure how to stop that.
I have a function that uses $.post() to get some address info and updates the page. I am returning a json object and this is now is broken. I gives me a invalid label error. I can see the data in firebug and it looks just fine. The function works if I don't load the validate plugin.
View 4 Replies
View Related
Sep 4, 2010
My issue is this... I have a set interval that runs a php script and then .load()'s it into a div. Now... I have another jquery script that submits a form when a checkbox is checked...
After the timer goes off and fetches the data and brings it back, the script that submits the form no longer works .
Code:
var refreshId = setInterval(function()
{
$('#loader').load('php/table.php').fadeIn("slow");
}, 10000);
[Code]....
View 14 Replies
View Related
Feb 21, 2011
I am using the below function to scroll to sections on a menu. It works but I need the links that activate the scrollto to still be links to pages. If I change "return false;" to "return true;" this links to the pages but the scrollto function does not work. Is there anyway it can do both?
$(function(){
var $pane = $('#scroll-pane');
$pane.jScrollPane({animateTo:true});
$('a#scroll-to').bind(
[Code]....
View 9 Replies
View Related
Mar 5, 2010
Microsoft Script Debugger has been depreciated.
What tools are recommended for debugging JS for IE? I'm only interested in IE7 and 8, but mostly 8.
There are plenty of tools for FF...
View 1 Replies
View Related
Jan 16, 2004
I created some RGB-to-HSL and HSL-to-RGB functions for JavaScript that I think might be useful for some of you. function fnRgbToHsl(r, g, b){ // R G B as integers, 0..255.
r /= 255;
g /= 255;
b /= 255;
var
max = Math.max(r, g, b),
min = Math.min(r, g, b),
l = (max + min) / 2;
h = 0,
s = 0;
if(max != min){
s = (l < .5)?
(max - min) / (max + min):
(max - min) / (2 - max - min)
h = (max != r)?
(max != g)?
4 * (r - g) / (max - min):
2 * (b - r) / (max - min):
(g - b) / (max - min);
}
h *= 60;
if(h < 0)
h += 360;
return [h, s, l];
}
function fnHslToRgb(h, s, l){ // H as degrees 0..360, S L as decimals, 0..1.
h /= 360;
function fnHueToRgb(x, y, h){
if(h < 0)
h += 1;
else if(h > 1)
h -= 1;
return ((h * 6 < 1)?
x +(y - x) * h * 6:
(h * 2 < 1)?
y:
(h * 3 < 2)?
x + (y - x) * (2 / 3 - h) * 6:
x);
}
var
y = (l > .5)?
l + s - l * s:
l * (s + 1),
x = l * 2 - y,
r = fnHueToRgb(x, y, h + 1 / 3) * 255,
g = fnHueToRgb(x, y, h) * 255,
b = fnHueToRgb(x, y, h - 1 / 3) * 255;
return [r, g, b];
}
If I get the time, I'll build some tools around them, such as methods of getting triad colours, complementary and split complimentary colours, analogous colours, saturation variations, luminance variations (tints and shades) and hue variations (chromatic variations).
View 2 Replies
View Related
Apr 8, 2004
Are there any free scripts out there that act like the tools that this forum use when inserting a message, like to make text bold, or insert link.
View 2 Replies
View Related
Apr 23, 2010
I use Accordion into a tab and I have a particular problem just on FF.. When I click an accordion header the whole layout move on the left side ... This is the page, so you can see my problem: [URL]
View 5 Replies
View Related
Jan 10, 2012
I just wonder if there is a jquery plugin or something that enable me to create a html pagelayout with drag n drop.
Lets say i have a blank page with a div container, then i have a couple of layout elements that i can drag into that container, like 2 coulmn, 1 column, 3 column.
I hope you understund what i mean. something like sitefinitys template builder but in a light version.[URL]
View 1 Replies
View Related
Oct 27, 2009
I am trying to block the whole page, but blockUI is not working with my layout (like the simple layout in demo).
View 1 Replies
View Related
Nov 1, 2009
The only issue I can't figure out is the image will not align to the left. I tried numerous things but I'm whooped.
<html xmlns="http://www.w3.org/1999/xhtml" >
<head id="ctl00_Head1"><meta content="text/html; charset=utf-8" http-equiv="Content-Type" /><title>
[code]....
View 3 Replies
View Related
Jun 25, 2010
I have scroll and pagination jQuerys for a website that I am developing for a company. The jQuery works fine on all browsers until I updated firefox to 3.6.3. On FF 3.6.3 the page loads fine but once the scroll or pagination is clicked on to change pages, the entire content shifts up 200px. I was unable to find any known bugs with FF and jQuery except for certain jQuery pages not being able to load but that seems to have been resolved. I am stumped with this problem and was hoping that maybe someone would know how to resolve this. I have tried using JavaScript to detect the browser and version to load a different css but that caused the page to load weird and jQuery fixed it after scroll or pagination was activated.
I was able to deduce that the problem must be with the two columns float left and right which are position relative, but still am unable to figure out why once the pagination or scroll is clicked the columns should shift... Let me know if more information is needed, such as page source. (I will do my best to disclose all relevant information to the extent permitted by the company).
View 1 Replies
View Related
Apr 6, 2011
But I am doing both front and backend for a project and having an issue with a jquery slider which, when inserted, is breaking 2 other js scripts in the page, including my main menu.Can anyone point me to a resource that outlines best practices for working with more than one js library and/or raw js .I'm doing some tests on the order of the scripts right now, but wanted to put a feeler out there to see if someone has dealt with this before.
View 1 Replies
View Related
May 1, 2007
In order of priority, I need the following for Safari:
* a debugger (with watch)
* a console (with errors and command line)
* Web Developer toolbar (edit css, validate local)
* DOM inspector (like Firebug or IE's DOM inspector). Firebug is awesome, though...
* Possibly a source editor
* anything else that is useful (like http://www.squarefree.com/jsenv/ or the other bookmarklets on squarefree.com that work for safari).
Does safari support hasOwnProperty now? What about named functions in object literals? syntax example:
Code:
{
f : function f() {}
}
View 3 Replies
View Related