Problem while positioning jQuery qtip tooltip.
Hi, I have an application which make use of the qtip for showing the tooltips.There is a div which shows the serach results like below. <div id="results"><a href="#">Test</div> Actually we want the tooltip to be active only once the content of the "results" is loaded completely. So i have tried like this jQuery('#results').load(function(){ initalizeToolTip(this); }); But when we position the mouse pointer over the link at the time of loading,the tooltip takes a position which is different
DatePicker - Just Display Date Range
Hi Guys, I am trying to use Datepicker to just display a range of dates and I have pretty much got it sorted. My only problem is that people are still able to click the dates and change the css style so it ruins the range I am displaying to user. Here is what I have so far, it stops the calendar from closing and marks out the dates I need, I just can't disable people from being able to click the dates and altering the CSS styles: $(function(){ $('input').checkBox(); $('#datepickerInput').datepicker({
Slide Up / Slide Down Content
Hi Everyone, I have this script where you can click through a number of divs which only shows one particular div at a time and hides the rest. So for example there are 5 links, if I click link1, Div1 will appear. If I click link2, Div1 will hide and Div2 will appear etc etc etc. What I cant figure out is if a link is showing how do I hide all of them so none are appearing. Im using the slideUp and slideDown function. Should I be using the Toggle function. Here is my script so far I hope someone
Variables in jquery plugin with multiple methods
Hello, I have created my first jquery plugin and I am not sure if I am using the variables the"correct" way. The plugin is working fine as I did it, I just want to know if there is a more elegant way of doing it. My question is: am I declaring and setting the variables in a "correct" way? The plugin: It takes an element and turns it into a basic scroll roller. Source code: (function( $ ){ var settings = { speed :10000, totalWidth :500, loop :true, construct :'span' }; var root; var methods = { init
Toggle/Animate breaks <a href=''> linking?
Greetings, I've already spent two nights on trying to solve this very annoying issue, so I'd really appreciate if anybody could give me a hand as fast as possible. SITUATION DESCRIPTION: I've created a menu that is animated by two jQuery scripts (also written by me). One script animates the <ul> listing of menu items, and the second one animates whole menu blocks - a block (header and <ul> listings)r is risen up after clicking its header. PROBLEM DESCRIPTION: After applying those two scripts on the
read event of ifreame
Hi all. i have a problem, hope someone can help :) i have an i freame: <frame src="masluliotSahirSahar.jsp" id="mainFrame" name="formIFrame" width="720" height="380" frameborder="no" scrolling="no" > i have some menue that load in that iframe diferent content (from my domain): something like: onclick document.all.mainFrame.src = newSrc i want to use simple jquery script on the page loaded in the ifreame but .ready() event didnt work... what can i do ? thanks
IE8 compatibility view
Hi all, While doing a front-end javacript performance test on a site I'm developing, I'm finding on IE8 standards mode everything runs ridiculously slow. But if I flip compatibility view on, it runs very well - the animations are much smoother. Unfortunately I cannot upload a link to show, but one of the plugins I'm using is a magnifier: http://www.huydinh.co.uk/demo/magnifier/ Toggle between compatibility mode, and move cursor around. I also tried adding the EmulateIE7 meta tag, but it made no difference.
hover div problem
hi , please help me with this I have series of div with same id name , as this is database result set display . The font color inside the box should change with a back ground color . I tried using jquery hover , swapping css and even .find() methods but resulting in changing the font colors for rest of the div's too . Your help is appreciated , ----------------------------------------------------------------------------- <div id="box"> <span class="text1">text1- box1</span> <span class="text1">text1-
how we can pass arguments to Jquery functions
how we can pass arguments to Jquery functions... I hav this code:<td><a href="#" id="prepare" style="font-size: 11px; width:70%; height:20px" >Prepare</a></td> $('#prepare') .button() .click(function() { // clientData="?perform=viewSiteDataDetails&searchingRefNo="+referenceNo; addTab(); }); I want to pass a value to the jquery Function prepare....
Call fires when clicking on inline elements. Please help
hey guys.. got a bit of an issue, gonna try explain best i can.. here goes. i have a FAQ Question h2 acting as a trigger to slide out a hidden div below it, the FAQ answer, and clicking it toggles the h2 class so the bg img changes. toggle_container is the hidden div, h2 is the trigger.. code below: $(document).ready(function(){ $(".toggle_container").hide(); // Hides the container onLoad $("h2.trigger").click(function(){ $(this).toggleClass("active").next().slideToggle("fast"); }); }); now i have
Can anyone describe the (or a) best practice for embedding a flash player in jQuery Mobile?
Of all the embed possibilities, which one has the best chance of success? Thanks
f.document.body is null issue in alpha2 release version in jquery mobile
I worked on jqeury mobile alpha1 releaed. my app working fine. now I changed my working version as alpha 2 then i have an issue " f.document.body is null". I didnt get why the issue came. I foolw the instuctions to upload the javascripts and css files. please give me a suggestion ....... thank you.
Links I Insert Dynamically Don't Work.
It's a little tricky for me to explain this because there's a lot of dynamic code involved. Here's my jQ code to start: // Closed Yes $("#closed_yes").click(function() { $("#tag_options_box").load("../../user/tag_options_insert.php?action=yes&id="+rid,function() { }); }); // Closed No $("#closed_no").click(function() { $("#tag_options_box").load("../../user/tag_options_insert.php?action=no&id="+rid,function() { }); }); // Closed Tag $("#closed_tag").click(function() { $("#tag_options_box").load("../../user/tag_options_insert.php?id="+rid,function()
Jquery popup line windows.open
Hi All - I am new to jquery, and want to know if I can open an another page or a form in popup using jquery? Thanks
Multiple drop down problem
i am just a beginner in jquery and having this problem.... var array = result.sCitizenship.split(','); //array[0]= 1, array[1]=2 $("#citizenship").val(array); it is not selecting the multiple values in drop down.
multiple select
Hi, I am new to jquery stuff and having this problem.... var array = result.sCitizenship.split(','); //array[0] = 1, array[1] = 2 $("#citizenship").val(array); multiple select is not displaying .....
Setting tabs via variable
I found it weird .. $('#tabs').tabs("option","selected",1); // works but this one fail : var i=$("#currtab").val(); $('#tabs').tabs("option","selected",i); Please advise
Two Divs, one button alternately fade in and fade out.
I have Two divs which is #webcont and #postcont while my button is .ensite. when the page loaded the postcont will be visible while webcont will hide.. when I click ensite, webcont will appear and postcont will disappear. when I click it again post cont will appear and webcont will disappear. its just going alternately. I'm confused about this and can't create a proper code. please help me! i can't find any questions like this on search.
Behaviors - simple jQuery extension.
Behaviors as an entity is a declarative way to assign/bind scripting methods to DOM elements. We can think that browsers have following declarations in their default CSS declarations: input[type=text] { binding: TextEditorImpl; } input[type=button] { binding: ButtonImpl; } select { binding: SelectImpl; } ... So when we define <input type="text" /> in our markup we declare that the element will behave as a text editor - it will have set of all needed methods and will generate all associated events.
OnKeyPress - Search divs in webpage and toggle visibility
Hi, Trying to make a live search, a user can type the string he's looking for and in realtime the results (divs where the searched text is found) are being filtered and toggled to be visible or false. So any ideas how to realize this? Searched the internet for more information but didn't found anything. I'm not good with JS so any help is great
Adding a class to body tag upon validated form submission
Hi gang, I'm working on a little project where they have a slider form and I need to piggyback a tiny line of code into the validation function for the form. What I need to happen is when the user has filled in all the fields and clicks the submit button AND the data validates THEN a class is added to the body tag. My jQuery knowledge is very minimal - I added the code to where I 'thought' its supposed to go but it didnt seem to work. Can someone please point me in the right direction? jQuery(document).ready(function()
jquery css manipulation question.
Hi, i am trying to use jquerys .css to increase or decrease a elements left css value. When you press on a button/image the elements targeted would move right or left by decreasing or increasing the css left value for each element. How can I do this?
Refreshing on load
My question is...is there a jQuery plugin which will force a page to refresh (reload) on loading and do it only ONCE?
converting a js google map to jquery
Hi, I'm not sure this question makes sense, but I made this map using the google api: http://www.xelawho.com/map/ but I like the collapsible sidebar that you can make with jquery like this: http://www.xelawho.com/map/collapse.htm instead of having all those check boxes for the marker categories. So I tried copying and pasting code across but of course that didn't work, so I guess my question is if there is some sort of tutorial for converting javascript to jquery (which I think is what I'm trying
string match inside a var ? How to
Hi, i currently have a problem which i cant resolve and i cant seem to find a solution (i actually not sure what to look for). My jquery level is medium-low and im trying to take it to a higher level right now. I have a var which holds a href value. However i only need part of the string. var fileurl would be for example : http://somewebsite.com/admin.php?page=browsing&action=download&selfile=/home/website/file.jpg&_code=9999999999 I know this structure in the href wont change. So i need to remove
Override jquery styling function
Hello, i find the automatical theming ability of jquery is a nice idea. But sometimes, i dont want this styling to be applied because it ruins my page layout. In YUI, we can define which part of the page should be automatically styled by adding class "yui-skin-sam" to the parent block. Should we use this method too in jquery mobile, so that we can combine both the powerful styling ability of jquery but still reserve the freedom for developers to create page layout. Thanks for attention.
Support for iOS 1.1.5?
The jQuery mobile script doesn't get applied to iOS 1.1.5 (first generation iPod touch updated to the most recent iOS available). The compatibility document suggests that it works on all iPod Touch. The browser support matrix does not explicitly list iOS 1.1.5. So what is the good work on iOS support. I think that if 1.1.5 is left out, the compatibility document might do well to say so.
How do I override default formatting for a>img in the header?
Per http://jquerymobile.com/demos/1.0a2/#docs/toolbars/docs-headers.html, I wrapped the header content in another div to stop the default formatting. This seems to have worked on div[data-role=header]>div>h1 (not centering it), but it didn't work on div[data-role=header]>div>div>a, which still is rendered button-style. It seems to be more involved than a simple style. The script puts the link contents into a span and nests it a couple layers down. Please advise on what might be the best way to prevent
jQuery slider not updating unless button is clicked twice
I am using a jQuery UI slider, pulling values from an XML file and updating the slider. For some reason, the slider only updates if I click the necessary button twice. I threw an alert right before the function to update the sliders is called - the values are there, but the slider simply won't update the first time. Calling the function multiple times doesn't change anything. ... document.getElementById("vidToEdit").innerHTML = file; document.getElementById("startTimeInput").value = sequenceStartTime[file];
jQuery validate basistance...
Hi, We have implemented the great validate class, but are running into some issues... For backwards compatibility reasons, our form validation is initiated as follows: $('form').livequery(function() { $(this).validate(); $(this).find('.fx-widget').each(function() { validators = $.parseJSON($(this).attr("data-validation")); for(i = 0; i < validators.length; i++) { switch(validators[i]["TYPE"]) { case 'required':
onclick event for dynamic buttons
I have a page where I want to display buttons only when a particular list item is selected. The user can then click on one of five buttons. I am able to put the buttons in a <div> section using this $("li.point").click(function(){ choice = $(this).attr('id'); Competition = $(this).attr('title'); Title = 'Color Prints Regular'; var btns = '<button class="eoy" id="CR" title="Color Prints Regular" type="button">Color Prints R</button>'; btns= btns + '<button class="eoy"
load() within ajaxStop() not resolving
Hello, I have a script wich processes a bunch of image files and then zips them up into several categorized zip files. The zip script needs to run after all the processing of the images. Here's how I have it set up: $('#zips').ajaxStop(function() { $(this).html('<p>Preparing zip files</p>'); $(this).load('make_zip.php'); });The make_zip.php file is executing (I can watch on my FTP as the zip files are created) but the load function never changes the contents of #zips to be the output of make_zip.php
Loading external content into div
I'm trying to load content from an external html file into a div. Here is the code I'm using now: <script type="text/javascript"> ("#upcomingevents").load("upcomingevents.html", function(){ //function executed when load is done. }); </script> However, when the page loads, none of the content is loaded. Any help would be greatly appreciated! Matt
accordion: validation stop flow - move changestart from_toggle to _clickHandler
Hello Jquery/UI developers and users. I'd like to thank you for all the great work as both the core and UI widgets are a pleasure to work with. While I'm new to using the UI aspects and widgets I encountered an item which many people elsewhere have discussed but I didn't think the work-arounds were appropriate. Many times when using an accordion, the user wants to validate data before the _toggle performs. I've found by moving the changestart to _clickHandler it's easy to control the state of
Add <tr> dynamically
Hi, I have following code. I want to have a button at top so when it is clicked a new row added under current containing all contents but ID's for row, select and text boxes should increment by 1. Here are two jquery scripts - dynamic select box and clone row. Each of them work fine but I cannot find the way to use it together in one script. or if someone suggest another short code for that. Thank you for any suggestion! <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
Dubsar Dictionary Project
The open-source Dubsar Dictionary Project uses Ruby on Rails®, PostgreSQL, jQuery and jQuery UI to provide a simple yet dynamic interface to the Princeton University WordNet® data set, containing more than 150,000 English words and proper nouns. Users can browse or search using PostgreSQL wild cards and view word inflections, definitions and synonyms. A draggable custom tooltip displays extensive metadata for each listed word sense, including lexical classifications, syntactic adjective markers,
Radiobox readonly doesn't work
I want to set readonly property for radiobox, but it seems that i can still select the item in the radiobox group. Can anyone confirm this? I tested with firefox and google chrome
Problem with ajax jquery. Please help !!!
I use $.ajax() function to get data from server. success: function(data) {} data have 2 <div>. How can i take separate <div> in data ? Anyone can help me please.
Radio Button
I am trying to make an if statement that says, if this radio button is clicked.... Then set this radio and another radio to checked. Please help. if( $('input[name=selector]').click(function() { $('input[name=selector]').attr('checked', 'checked') }); { $('input[name=ph]').attr('checked', 'checked'); }
Does anyone meet a "always click" problem or bug?
In my website ,I found that drag or sortable effect can't be achieved.When I drag the element from the original position,and click, put it in another placeholder,it still stick with the mouse cursor,the element goes where the cursor goes.The $(document).click() can't be achieved,too.When I just move the mouse on the page,the click event happened So I come here for help,does anyone have meet the problem before?or anyone can tell me the way to solve this problem?thank you
Next Page