Image op top of JQuery animation
Hi, Please see http://www.billboardsetcinc.com/newsite/index.html/ I need the image of the girl to be in front of the billboard jQuery animation. Got any ideas? Thanks for your help!
Float a image to whole page
Hi, I was searching to float a image to whole page, like I am having butterfly image (.gif) now I want to fly it in my whole document which is already populated with sorts of data. So is it possible with jQuery or I have to use Flash.. Thanks in advance.
Label font is different from Legend Font
Hi All, I noticed the font applied to a label differs to the font applied to legend. Shouldn't they be the same for given theme for a consistent look? Here's the complete code with the legend copied and pasted straight from the demo page: <label for="myInput">Label Font</label> <input id="myInput" value="some text" /> <div data-role="fieldcontain"> <fieldset data-role="controlgroup"> <legend>Legend
Request ok, return not ok
EDIT : Solved Hi there, I've been spinning around for 2 days now so I decided to beg the community for help lol I'm coding a live username checker and I have a problem with the data returned by my Ajax request. (http://www.youtube.com/watch?v=9owt8HnO4dI I made a video, sorry it's in french but even without the audio, the video pretty clearly explain itself) I have three pages : - registration.php // registration form - chain_check.php // check for forbidden special characters - usr_chk.php // check
toogleclass two div one above the other
Hi All! I'm newbie to jquery.. I have two absolutely positioned div, one above the other. One of two, have the class .hide {display:none} Under the divs, there are two link that i would change the class from one div to the other, with a small fade. The link 1 must assign the class to the div 2, the link 2 assign the class to the div 1. So, the link 1 show the div 1, and the link 2 show the div 2. I think it's easy. I tried in this way, but don't work. $("ul>li>a.link1").click(function () { $('#div1').ToggleClass('hide')
Resizable and draggable box, scrolling problem in the container
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>jQuery UI Draggable - Handles</title> <link rel="stylesheet" href="http://jqueryui.com/themes/base/jquery.ui.all.css"> <script src="http://jqueryui.com/jquery-1.4.4.js"></script> <script src="http://jqueryui.com/ui/jquery.ui.core.js"></script> <script src="http://jqueryui.com/ui/jquery.ui.widget.js"></script> <script src="http://jqueryui.com/ui/jquery.ui.mouse.js"></script> <script src="http://jqueryui.com/ui/jquery.ui.draggable.js"></script>
Set Active Accordion Dynamically
Working on one of my sites http://maskedriders.info And whenever i change the side menu selection it resets the open acordian, when i am in the "Decade" section how can i change it so it will set the Decade menu as default?
jQuery Effects weird side affect in Webkit
First off, this issue was posted in http://bugs.jquery.com/ticket/8301... But after the bug was labeled "worksforme" I found out that its only in Webkit, and it seems to uneffected by different jQuery versions... Basicly I have a series of divs that are styled with display:table, display:table-row, and display:table-cell. What happens is when I don't style the div that I am using jQuery effects on with display:table-cell, but the rest of the divs are styled properly, when you, for example, $.fadeOut()
autocomplete android setTimeout
I have been trying to figure out the autocomplete() problem with an Android phone and the touch key pad. What I have found is that setTimeout() stops execution of the javascript until the key pad is hidden. I created my own autocomplete program and it works great if I execute each key stroke, bypassing setTimeout(). Does anyone know how to get around this? Or, how to do an autocomplete without using setTimeout(). Thanks.
JSONP and cleanup
Hi, I'm using $.ajax function with jsonp data type. When using jsonp, jQuery automatically generate a callback function but, is this generated function remove from DOM after the response has been received ? Thanks for your help.
a nice editor for jqmobile?
i'm looking for a nice ide editor that can work with jquery mobile as well (code completion) (preferrably for for both mac and win) any ideas?
SwitchClass
Thanks for taking the time to read my question. I'm here(http://jqueryui.com/demos/switchClass/#option-duration) and trying to figure out how to use this. I have the following code already in my page for a dialog box which I just got working. $(document).ready(function(){ $("#LIDlink").click(function(){ $("#dialogContent").dialog({width: 360 }, {height: 240 }, { modal: true, overlay: { opacity: 0.5, background: "black" }, buttons:{"Cancel": function(){$(this).dialog('close').dialog('destroy');}}
Cycle plugin [cycle] terminating; zero elements found by selector
Hello, I'm using the Cycle plugin to display images for some of my past projects on http://www.berndin.com/projekte My problem is that in Chrome i get the above error in console. ([cycle] terminating; zero elements found by selector) I have tried manually initializing the Cycle plugin for every project div and that did not help so I went back to my initial code: $(".slideshow").each(function(ind){ $($(this)).cycle({ fx: 'scrollHorz', speed: 'slow', timeout: 0, next: "#next"+$(this).attr('id').replace('slide',''),
Simple fadein fadeout with span caption
I'm trying to get this simple slider to work. All I want it to do is fade the LI in, then fade the LI SPAN in. Then pause 3 seconds. Then fade the .current LI SPAN out, then fade the .current LI out. Then fade in the next LI, then next LI SPAN etc. and continue the loop. My code isn't working. It only seems to loop through the first LI. <script type="text/javascript"> function showslide () { $('.slider ul li.current').fadeIn(1000, function () { $('.slider ul li.current
Make feature compartmental
Idea: Break the features up into components and compartmentalize the file. I want to use some of the feature, but I don't want the swipe movements and some other annoying features. I want to be able to create my own custom file like I can with jQuery UI. Reasoning: I have been using jQuery Mobile for the lightweight UI. As I am packaging my project with Titanium I have no need for the mimicking swipes. I also cannot stand the spans it constantly adds and the way it does not let anything scroll
get box-shadow .css()
i can't get the propriety box-shadow with jquery css selector .css(); this is a bug? or i'm writing wrong? $(this).css('box-shadow'); i need it work in IE Thanks.
Official example "Shoping Cart" is not worked with .draggable option "connectToSortable"!
I found that Official example "Shoping Cart" not firing using connectToSortable option. My code present here: <html> <head> <title></title> <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.js"></script> <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8.5/jquery-ui.js"></script> </head> <body> <style type="text/css"> h1 { padding: .2em; margin: 0; }
text function works in IE8, but not in FF3.6.13. Note the use of jQuery for position of canvas.
function AddText(text, x, y, color, size) { labelCount++ var position = $("canvas").position(); var CanvasX = x + position.left + document.documentElement.scrollLeft; // -5 accounts for half the text height var CanvasY = y + position.top + document.documentElement.scrollTop - 5; var label = document.createElement("div"); label.id = "label" + labelCount; label.style.position = "absolute"; label.style.left = CanvasX; label.style.top = CanvasY; label.style.fontFamily = "sans-serif"; label.style.fontSize
how to find out if the user held down a key?
how can I do to detect if the user presses a key remained, and when he "dropped"button? is that possible? sorry for my bad English ... thanks
A Div containing a sortable .. how NOT to scroll the container?
I've a DIV with a UL / LI structure inside it. The div is used to force a fixed width for the sortable ( the UI /LI ). But when i drag an item and i move too much on the right, into the DIV appears a orizzontal scroll bar. Is there a better way to constraint the width of a sortable? or ... the other way ... how to force the div to NOT show the scrollbar and to force the dragger item to remain INTO the parent?
Again on sortable theming info
I'd like to thank the team who fixed into api doc the info about theming for sortable... but when I write ( here: http://forum.jquery.com/topic/missing-theming-info-into-sortable-documentation) i was talking about an other part of the website: http://jqueryui.com/demos/sortable/ (where the tab on theming is missing) Could I suggest you to 'join' the two section in way you must write only one time the same info ? Again, thanks a lot for your work ...my work on javascript it's incredibly increased
using - inside a string
I am having a bit of trouble understanding understanding this function. Specifically, I am having a bit of trouble comprehending what the "-" does. Is it simply the opposite of using +? Any help would be greatly appreciated. The code: $(a[rel=dropdown-req]").click(function(){ $(".dropdown").show().css({ top: $(this).offset().top - $(".dropdown .arrow").position().top - $(".dropdown .arrow").height()/2 + $(this).outerHeight()/2, left: $(this).offset().left - $(".dropdown").outerWidth()
Integrating jQuery into a mysql array?
This is my first step so if this cant be done its okay just need some pointers Here is the code: function wall_home() { global $ir,$c,$userid,$h; $wall=mysql_query("SELECT * FROM wall",$c) or die(mysql_error()); print "<table width=100% class=forumline> <th colspan=4>The Wall</th><tr> <td colspan=2 align=center><a href=thewall.php?action=post>Make A Post</a></td><tr> <th width=30%>Poster</th><th width=70%>Post</th><th>Action</th><tr>"; while($wa=mysql_fetch_array($wall)) { $user=mysql_query("SELECT
refresh a header after adding it dynamically
there are several posts that mention similar problems, but i haven't been able to find anything that solves this. i'm dynamically adding a header to a page. how do i refresh it so that the jquery mobile styles are activated? as some other posts comment on, page() doesn't work. here's my code: $(document).ready(function(){ $('div[data-role*="page"]').each(function(i){ if($(this).children('div[data-role*="header"]').length!=0){ alert("has header"); } else{ $(this).prepend("<div data-role='header'><h1>Welcome</h1></div>");
Switching Content between two DOM elements
Hi Guys, Sorry this could be a really stoopid question, just started learning jQuery I'm trying to switch content of two DOM elements (I hope i've got the terminology correct there) but i'm struggling I can clone 'test_container_2''s content to ' test_container_1' but I would really like to switch the content '1' to '2' and '2' to '1' in one movement if possible, or if I can somehaow capture the content in a variable and then apply the variable to the other content of the container that would be
using jQuery UI and/or JQuery Mobile
Hello, I need to decide on UI library or libraries to use for a project that will have a website accessible from desktop browsers as well as mobile. Should I use jQuery UI, JQuery Mobile or a combination of the two? Is there any documentation on using both? thank you.
disable toggle button during animation
Hi, Is it possible to disable a $.toggle() controlled button (image) during an animation? (I animate up and down a DIV playing with z-index, and when I click on the button when it's animating, the DIV slides down incorrectly...) Or may I use click events and bind / unbind button when it's needed? Thank you
jQuery Validate Question (onKeyUp Validation)
Hello, As it is now, the jQuery Validate plugin waits for the submit button to be clicked before it goes through and validates each element. I'd like to have it validate the elements and send the error upon onKeyUp, for instance. Is something like this possible? Thanks ahead of time!
How to return true on link without breaking scrollto
Hi, 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? Many thanks in advance for your help. $(function(){ var $pane = $('#scroll-pane'); $pane.jScrollPane({animateTo:true}); $('a#scroll-to').bind( 'click', function(){
using + and ? inside a string
Hi, I'm having a problem with using special characters inside a string. I want to use the code: var select_string = color_value + "+AND+" + size_value; where color_value and size_value are variables. and I wish my results to be an url looking like this: advanced_search_result.php?keywords=Metall+AND+17 However it looks like this: advanced_search_result.php?keywords=Metall+AND+17 The + sign turns into +. Any idea? I've tried the usual &....; and searched for java special text characters with no reslut.
datepicker and timepicker problems with doc ready, how to find solution
Hi, I've built a complex web application that loads content into the main page using .load of php pages. Some of those pages are using datepicker and timepicker. I have these working ok to a point, but there is some troubling behaviour. e.g. sometimes when clicking a date field, the calendar doesn't appear. The timepicker seems to work ok most of the time. Clicking around like a loon on various pages sometimes makes the field work with dates, but other times not. Sometimes I see the calendar
Using Jquery
Hi, I am a novice in java script but use but I use a lot of plugins for image carousels and other stuffs. I have a little snag today, I am using a different script for image fading and another script for hover fade image and both have jquery. Now I cant use both of them together. Can anyone help please...
initializing
Hello, new to javascript / jquery and trying to debug some code used on a sharepoint site I woulder if this code is correkt (please note that the $deJQ is initialized twice) var $deJQ = jQuery.noConflict(); . .lots of code linies .using the $deJQ object . var $deJQ = jQuery.noConflict(); . .more code using the $deJQ Object as I see the first dreated $deJQ object will be destroyed on line 8 and re-initialized, but I could be wrong as javascript isent my field. have you any comments on this ?
.get problem with php include
I have a problem with php include and using .get() function. Here's the thing: I have three files test.php, test2.php and test3.php. In test.php, there is this simple script: $.get("test2.php", function(data){ alert(data); },"json"); File test2.php <?php include("test3.php"); $bla = 3; print(json_encode($bla)); ?> File test3.php is empty. Everything is working fine without the line include("test3.php"); With including the file the callback function
Mouseover Popup Div?
Hello, I was wondering if anyone knows of a jQuery plugin that will replicate the functionality of the menus on www.democratandchronicle.com? I'm trying to open a div on mouseover.... Thanks!
Why are radio buttons lining up vertically in dialog?
I have a dialog that is: <form> <div>radio button1 radio button2 radio button3 </div> </form> ...and the radio buttons line up vertically instead of horizontally. What am I missing? TIA
small code work in all browser but IE, particularly IE8
jQuery.fn.hoverToggleClass = function(class){ return this.live('mouseover mouseout',function(e){ if(e.type=='mouseover'){ $(this).addClass(class); }else{ $(this).removeClass(class); } }); } The code is too simple to cause a problem i think, but in IE8 it says "expected identifier". I have no idea what it wants.
Generate closing slash on br tag
$(someElement).append($('<br/>') results in <br> but I want <br/> How can I achieve this ? Thanks Kropotkin
jquery UI Slider problems
I have an older app that I wrote using jquery 1.2.6 and jquery ui 1.5.3. It's simply a slider bar that that you can click on and slide 210 px to the right. It works perfectly. I needed to upgrade to jquery 1.3.2, and the code broke, even though the slider code was still correct according to the API documentation. Thinking it was then my UI that was out of date, I updated to 1.7.2. It wouldn't work at all. On top of that, I tried to rebuild it from scratch, and I even copied and pasted the DEMO,
Filter TABLE rows: Need spaces in INPUT to match in items
I am trying to filter only the TABLE rows with LABELS that match what is entered into an input field. The problem is that a SPACE typed in the INPUT does not match a &NBSP; - How can I fix that? FYI: I cannot change the HTML. http://jsfiddle.net/getsetbro/4Gjka/1/
Next Page