First off, a quick THANK YOU for making cluetip! I'm using it and loving it but I have an issue with it under iPhone/ Mobile Safari. Basically, when I view a page with a desktop browser, cluetip activates on hover and does what I want. However, on the iPhone, cluetip displays whenever a link is tapped that would normally display the cluetip hover in a desktop browser. So, is there a way to fix this behavior in cluetip? If not, can I disable cluetip (or stop it from loading) when an iPhone requests the page?
The very simple code (below) works fine in Safari (and Chrome, Firefox etc.), but it doesn't work in Mobile Safari. Why?(You can find a working example at: http:[url]....)
Code: <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en"> <head>[code]......
I'm developing a website and I need the browser to scroll to an anchor. It MUST be animated, so I tried to use jQuery for that. Tried this:
function goToByScroll(id){ $('html,body').animate({scrollTop: $("#"+id).offset().top},'slow'); }
It works perfectly on Firefox and Safari(on the Mac). On Mobile Safari it first goes to the top of the page, then it scrolls to the anchor I want it to scroll to. What's the trick to make it work?
I'm using Cluetip to display some additional information.It all works fine in FF.In IE I see a message that the file could not get loaded. In Safari and Chrome I don't see the "mehr" button at all.[URL]..
I've got some problem with more then one plugin from jQuery.
My Problem is: if I use some "resizable background"-script (it works on IE7+/FF/Chrome), and the content is longer then 100% height of the screen (ipad/iphone), there's a white place at the bottom of my background-image.
The solution was, to fix the background, but it still doesn't work on mobile devices.
I am making a mobile version for our bulletin board website. Users often post photo's by hotlinking and on the desktop this is no problem.But on a mobile phone (I test with an iPhone) these images are just waaay to large to load.First of all: The size of the photo. It's dimentions. They are way to big for a mobile screen to display they fully, so I now have a javascript that shrinks all loaded images to a max width.
Problem is: The have to load first and while loading they mess up de rest of the text. It stretches the browsers viewport so people need to swipte to the left and back to the right UNTIL the photo is loaded. Only then the javascript puts the large images back in proportion. Is there a way that, while on loading a page with a lot of large photo's (postes by users), the photo's are resized WHILE loading? Even setting the max-width in css is not enough. The css property only applies after load.
I've been using the most recent version of cluetip 0.9.9.c and I have overridden error function in the cluetip, but I was wondering how I can hide the actual cluetip? I tried $(this).isActive = false but this didn't work.
error: function(xhr, textStatus) { /// HIDE THE TOOLTIP? }
Basically I got a check in the error function that checks whether to show the error or redirect to the login page in case I have forms authentication. So how can I hide the tooltip?
For my Dreamweaver program I want to update to the latest version so I can build within it, but I'm confused as to what are the latest versions of jquery.mobile-min.js and jquery.mobile-min.css. The site has 1.0 as the latest stable build. But Dreamweaver's third-party folder (the place that houses jQuery mobile scripts) has 1.0a3 for the css and 1.5 for the mobile.min file. I was told by Adobe that they do not update jQuery scripts when updating their program. I think that's a mistake, myself. Whether it is or not, it sure would be useful now.
I want to Create a simple scanner app for the iPhone so when someone scans a URL embedded in a QR code, it opens the browser and loads that URL. :thumbsup:
Trying to pass variables from the javascript into my php script and into my SQL query so i can track the location of the iphone. So far i have...
<script type="text/javascript"> function getGPS() { if (navigator.geolocation) { navigator.geolocation.getCurrentPosition(showGPS, gpsError);
[Code].....
This gets the coordinates in javascript and the php runs and i get a new record in the database but it doesnt pass the variables from java to php. Anyone know a workaround to get the variables from the iphone to sql on a single page?
I want this to run in the background and refresh every now and then so i can track users location.
i'm using the cluetip plugin in an iframe. When I mouse over the link, the cluetip does not load above the parent page, so it gets cut off partially. Is there any way to make the cluetip load above the parent page?
I'am having trouble making it work. I placed it in the head section, am I missing something or could the code just be crap? Here is the code i use. found on [URL]
<script type="text/javascript">{literal} function iPhoneAlert() { if((navigator.userAgent.match(/iPhone/i))||(navigator.userAgent. match(/iPod/i))){
[Code]....
and on the <Body> I've put this <body onLoad="iPhoneAlert();">
I having a hard time to know how to present checkboxes injava script.
If you take a look here :
If you notice, each checkbox has a different id than the other. how i represent them in javascript or get them together as one for one id. also, how do i represent them in mysql. As you know in simple html form, the checkboxes has one id.
Just discovered ClueTip and it looks exactly what I need. However, I have a question about how to implement it.I have the following bit of code where I create a <div>. I'd like to attached a ClueTip tooltip to each div I create.Here is my code to create a div. I actually create many divs in a loop via an ajax call to retrieve info from a database...so, the id name and coordinates are retrieved and the new div is appended to a enclosing <div> named "jpanel".
I've just downloaded cluetip 1.1.3. After opening index.html in the demos folder with Chrome 12.0.742, I've noticed that when the ajax tooltips popup they don't contain any content. The other tooltips (title and local tooltips) work fine. I've tried opening the demos in IE8 and all the tooltips are displayed fine. Strangely, when I try the demos on the official page [URL] using Chrome everything works fine.
First off, I'm a noob, so, hopefully I won't offend anyone with my ignorance I am attempting to integrate both of these plugins into a single web page, but I seem to have some conflicts.
When I use the following script that is required for Cluetip, <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.4/jquery.min.js" type="text/javascript"></script>, it disables jdMenu.
And when I use the functions.js javascript file that is required for jdMenu, it disables Cluetip.
I am using a jquery plug in cluetip.Link is given below. [URL]it is working well.Here the Clue tips is closed only by either click the close button or leave mouse out from it.I want to close the same clue tip by a javascript function.ie when I call aother function , i need to close this clue tip.So how can I do it.When I use a modalbox, I could close the modalbox by calling a function like $.modal.close().Is there any function for it ?I found a function cluetipClose(); in its js script. But when I called it from outside it is not working.
after playing hard with my code during couple of hours I have decided finally to search some tips from more experimented jquery users I have a new website using pretty much of jquery functions and everything is working like a charm but I'm trying to add some jquery tips using cluetip plugin and cannot get all this stuff working together :(
I have a web page which contains a legacy ActiveX control (I know...) and am having a problem with the ClueTip plugin. Whenever a tooltip is displayed which should obscure the ActiveX it instead is drawn behind the ActiveX control. I have tried setting the value of cluezIndex to 1000, and also tried adding "<param name="wmode" value="transparent" /
I've been having some problems getting cluetip to show an image. essentially i just want it to work like this: title="This is a description | <img src="image">" and then I need the whole thing to be linked as well.
Is it possible to load cluetip from a function, such as:
The reason I ask is that sometimes you don't want to bind to all elements if a user will only select 1 or 2 items, sometimes the cluetip might not even get activated at all so it seems a waste of resources binding cluetip on document.ready
I have been working with the cluetip plug-in for several hours and am stuck. I can get most of the functionality working, but am unable to load another page within the tip and see the formatted html. The text shows up in the tip without formatting. The CSS for the tooltip itself is working as expected. I have tried copying and pasting the html from the fragment pages on the cluetip demo site, but am having the same issue. I am using the exact code used in the 2nd example on the demo page: [url]
