I have created a new theme for Rapidweaver and integrated some neat JQuery animated sliding panels and frankly I was feeling pretty chuffed with my efforts as I am far from a JQuery expert.[URL]..In the side panel on the left, I have embedded a Titter feed widget, lifting the code direct from Twitter. In Safari, Chrome, Opera and even jolly old IE this works fine. But Firefox has a fit and displays a blank page - or just plain won't load. If I remove the Twitter widget the page loads perfectly happily. If I disable Javascript in FF, the page loads (but there is no animation etc) - so there is clearly a JQ/Javascript/Twitter script issue going on here that is causing FF to freak out...
Of course the simple solution is not to add the Twitter feed, but since this is exactly one of the uses I was planning for this sliding panel, that's a fat 'non' option. All the JQuery code I have used for the theme has 'no conflict' calls and I have even added specific calls for specific code - so stuff like:
I find that either of these plugins work in isolation but together they are clashing. The first to be specified in my initialisation code works, the following doesn't. Initialisation code looks like this:
I've got 2 questions if that's OK. I have a number of scripts running on a site i'm working on and I think I may be getting a clash with the image preload and another font resizing script. As I am new to javascript I have picked up the code from elsewehere. I am trying to get my head around it reading tutorials etc but am getting stuck when it comes to multiple scripts on the page
There are a number of scripts running: browser detect, png opacity, image preload, layer show/hide and a font resize.
here is the site
Q1 In IE5.5+ on the PC neither the font sizer nor the image preload is working - i think it is a clash of onload events. Can anyone suggest a fix?
Q2 I think there must be a better way to have my images preload. The current code is the dreamweaver version. Is there a better way?
function MM_swapImgRestore() { //v3.0 var i,x,a=document.MM_sr; for(i=0;a&&i<a.length&&(x=a[i])&&x.oSrc;i++) x.src=x.oSrc; }
function MM_preloadImages() { //v3.0 var d=document; if(d.images){ if(!d.MM_p) d.MM_p=new Array(); var i,j=d.MM_p.length,a=MM_preloadImages.arguments; for(i=0; i<a.length; i++) if (a[i].indexOf("#")!=0){ d.MM_p[j]=new Image; d.MM_p[j++].src=a[i];}} }
function MM_findObj(n, d) { //v4.01 var p,i,x; if(!d) d=document; if((p=n.indexOf("?"))>0&&parent.frames.length) { d=parent.frames[n.substring(p+1)].document; n=n.substring(0,p);} if(!(x=d[n])&&d.all) x=d.all[n]; for (i=0;!x&&i<d.forms.length;i++) x=d.forms[i][n]; for(i=0;!x&&d.layers&&i<d.layers.length;i++) x=MM_findObj(n,d.layers[i].document); if(!x && d.getElementById) x=d.getElementById(n); return x; }
function MM_swapImage() { //v3.0 var i,j=0,x,a=MM_swapImage.arguments; document.MM_sr=new Array; for(i=0;i<(a.length-2);i+=3) if ((x=MM_findObj(a[i]))!=null){document.MM_sr[j++]=x; if(!x.oSrc) x.oSrc=x.src; x.src=a[i+2];} }
I have what I thought was a simple piece of code to count characters in a text area. The code works fine in FF and safari, but not in IE. Can someone explain if the problem is my code or something else.
I have done what I call aTwitter-like-signin-box (if you don't know what it looks like, go to at first it was pretty easy, I click on a button, the box (the form) opens and when I click on it again, the box closes.But when I add the fact that the box have to close if it's open and I click everywhere else the box, I had to use the $('*') and I don't know if there is a better method.Here my HTML (simplify) :
I have a twitter feed on my site and although am generally happy with it, the time-stamp for each tweet is several hours ahead of my time zone. I've looked through the js files to see if there is anything that allows me to set the timezone but cannot find anything. Anyone know how to reset the time to pacific standard time?
I have found a problem with Firefox 3 and AJAX, and give code to replicate it below.
The problem is when you have a resource, e.g. /docs/1234, which is fetched both directly as a web page and as AJAX (XMLHttpRequest). The server detects these cases based on the X-Requested-With: XMLHttpRequest header, and sends back different content, e.g. just a raw div or wrapped in a full HTML page.
The problem is when you use a jQuery AJAX request to fetch the page again. If Firefox has /docs/1234 in its cache, then load('/docs/1234') wrongly gets the non-XHR version of the page, and this is the version it will insert into the DOM. This screws up the page, since you get a second copy of the layout wrapper HTML inside the original layout.
The code below replicates this:
- The home page (/) fetches /docs/1234 into the lower pane using XHR - click on the link to fetch /docs/1234 as a full HTML page - click back, and the main page ends up inserting the full /docs/1234
HTML into the lower pane
You can see that I've set a Cache-Control: header, which ought to prevent /docs/1234 from being cached at all, but that doesn't seem to make a difference. You can confirm it's present using curl -v [url]
This problem doesn't occur with Opera. Looking at the server logs, when you hit Back you see that $.load fetches a new copy of the page, so the AJAX request isn't using a local cached copy. (This is true even without setting the Cache-Control header) So arguably this is a Firefox problem. However, since part of the purpose of jQuery is to abstract away and compensate for browser differences, I thought I'd raise it here first.
The only workaround I can think of is to use a different URL for XHR requests, e.g. add '?xhr=true' to the end.
To run this code, you'll need ruby and 'gem install sinatra'
This code works on ie7, but it does not work on firefox. it just shows a alert when focus occur on an element. you can just click something on the page and you will see alert at ie7.
When i use $.get without alert() my code not working into asp.net ( updatePanel and ScriptManager for asp.net ). if i use this code in firefox dont work:
Why does my below code not work in Safari and firefox? The below code does not call my page method.but it works on IE. Is there any thing need to enable Ajax mehod call.
I was wondering if there was an event thrown after the twitter items are generated on the page. There is an example here. I cannot seem to get the li items to change after they are loaded. I have tried using .ajaxComplete, but it doesn't seem to be working. Does anyone know what events are thrown after the above code, and that doesn't need user input? You could you alter the above code and fork your own version. For ideas on examples that could be created; you could change all spaces to periods or periods to exclamation marks.
Whenever I open the page in Chrome, my "Hello" message pops up, but in any other of my browsers, it doesn't. This page is also being hosted basically from a file on my computer, on the C drive.
I would like to know how I can get my personal Twitter.com status updates to post on my website. This is the script that I have been trying to get to work.[URL].. I know what I am doing wrong. You can see it live on my website at[URL]..I hope I can get this to work :)
I created a Twitter plugin for jQuery that lets you get any user's latest twitts and information about the user like user bio, home url, location, etc.
Here is how you can use it to get latest 10 posts of "jQueryHowto" Twitter user:
I am new to jQuery and trying to write my first script. I found this cool tutorial on making a form that has a twitter style confirmation bar that slides in from the top.The problem is that I can't make it work. For some reason the bar does not slide down from the top when you hit the submit button.
I need to flip and show div panel left, once some item div get clicked and hide when item div get clicked again, (exactly like new twitter reading panel) i have tried several methods but i couldn't animate it smooth. recently i have identified it's not happen smoothly because of the bad what i have done.i increased width of outter div
I want to create a twitter like user registration form for my asp.net(C#) web application. I have configured asp.net membership module for my site. I have searched alot but couldn't find any all in one JQuery Plugin which provide the following functionalities to my webform-
1. Form Feild highlight when onFocus and on error 2. Tooltip when form field is in focus 3. Proper client-side form validation 4. Check user name availability
I have this tweet ticker code that scrolls a live feed at the very top of the header. It runs on jQuery 1.5.0. The site I have has a vertically scrollTo div for each button pressed on the navigation. The problem I'm having is that as soon as I plug in the jQuery 1.5.0 which turns on the tweet ticker, it stops the overflow and the scrollTo. So when I click on any of the navigation buttons it jumps to the next page rather than scrolling smoothly.
The simple test code below validates a few fields successfully when tested using Safari, Opera, Firefox and ChromeDatepicker does not work in IE, although the validations do work as expected. Is there an issue with datepicker and IE? Is there a condition in my code that inhibits IE?
//// page code follows //// <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
I have created a very simple JavaScript code to display larger images of a thumbnail image on the main section of a website. It works fine in FF3 however in IE 7 is giving me an error code of Invalid argument on line 6 character 1. The funny thing is I have used this exact code in another site and it worked fine with IE 7.
I want to get the colour in HEX format using "thing.style.backgroundColor". Like "#FFFFFF" or whatever. IE gives this but FF gives it as "rgb(0,0,0)" format.
Is there a simple function/method of getting it as hex? (or a conversion function)
This code works inside my coffee cup test browser but when i test in other browsers it doesnt work at all. none of the features work, drag and drop, highlight text on focus, and cursor change on mouse over.heres a simple code i put together.
<html> <head> <title>sample</title> <script type="text/javascript"> function handleMouseMove(oEvent) {
i have a item switcher i have made in php and java script but for some reason it works in google chrome but not in firefox. The switcher lets the user pick 1 item and make it there active item so they can do things with it.
