SuperFish Plugin, Phantom Leading Space
Hi Folks, New to JQuery, I'm using the SuperFish menu plugin. Pretty much love it, but I have one issue I can't seem to figure out. All my menus have a leading space in both the menu itself (A) and the sub menus (B) (see pic below). The space seems consistently the same size. I've swapped out every file and chopped up my css, even deleted the whole thing and started over. I can't seem to loose that space. I'm sure it's some very simple value in the CSS but for the life of me I can't figure out
Unknown Plugin Issue
I'm not really sure how much of this is relevant, but I figure too much info is better than not enough, so here it goes: I have 3 pages: index, about, and portfolio. All three use a jquery menu (called dcaccordion) for the mobile site (if screen is a certain size; separate css only, same html). Index also uses a slider plugin (called flexslider). Portfolio also uses a gallery plugin (called responsive image gallery). I made the index page first and got all of the formatting good and everything and
mobile websites
hi i wanted to develop a website which works in all the devices... can u guys tell me how to achieve it...
Jquery mobile not working in Blackberry Bold 9000, Nokia E71 and other...
Hi all Entering mobile jquery not working in my BB Bold 9000 and from a Nokia E71, .... Should we add anything else? What needed to perform well? I copy the code: <!DOCTYPE html> <html> <head> <title>My Page</title> <meta name="viewport" content="width=device-width, initial-scale=1"> <link rel="stylesheet" href="http://code.jquery.com/mobile/1.0a4.1/jquery.mobile-1.0a4.1.min.css" /> <script type="text/javascript" src="http://code.jquery.com/jquery-1.6.4.min.js"></script>
Not sure where to start
I am here looking for some guidance. I have not worked with jQuery out right very much and I am working on a website for a client in WordPress. He is wanting something that I know is at least part jQuery but I don't really know where to start with putting it together. This is really holding me up with putting the site together. I have looked though WordPress plugins and did not find any that suited my needs. What he is wanting is the same layout and function that is on this page. http://fashism.com/curated_looks
selector efficiency for dynamic elements: use class or id?
What is the best way to set a click event on an element that is created at run time? Assume there is a dynamic list of items, each with a unique id, and all belonging to the same class. Ideally, I'd like to set the click event on the class, and have new elements belonging to that class automatically registered for the click event. Through testing, it appears that the class selector is used to enumerate elements, and that a specific click event is stored with each specific element. If that
JQuery Validation success: working with groups
I've been struggling with how to use the "success" mechanism to show "Ok" when a field is valid. This works great until i have a group of fields in one line: first_name and last_name. The approach I was using shows "Ok" at the end of the line when the first field is validated, even though the second one is required too. What I ended up doing was to handle the "success" event separately for the group In the validate function options: groups: { username: "patient[first_name] patient[last_name]"
How to migrate row data from a tablesorter table to another? Also is this possible to do locally?
How to migrate row data from a tablesorter table to another? Also is this possible to do locally? thanks for any help!
Shorten line of code, please
Shorten line of code, please: var tip_form = $('a[class='+clase+'],span[class='+clase+'] ')
new searching plugin
i have created this new small plugin for searching and filtering of html elements inside an HTML page: https://github.com/stefanocudini/jquery-finderbox
Map HiLight [getting Co-ordinates]
I've tinkered with this plugin and I've hit a snag. Instead of the demo_usa map it gives, I've wanted to do the entire state of idaho and have the counties show up when you hover over them. My issue is simple enough to understand, I don't understand how you get the coordinates if you manually type them in or if there is a cover transparent image over the main image that does everything for you. I've looked everywhere for a problem-fixer, but no one else seems to have this issue. Help :( http://silveroasis.us/demo/demo_usa
PB: 3D tags cloud who turn all the time - objective : doesn't move if anyone touch it
Hello, I'm new! It's the fisrt week that I work with Jquery. With this code I try to do a litte 3D tags cloud. I have found this code on a web site and modified it a little for my need. But there is something that I don't arrive to change in this code. I would like that tags cloud doesn't move if anyone touch it. Thank you for your help! :) <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> <html> <head> <meta http-equiv="Content-type"
Re: add, insertBefore: Thought these were functionally equivilent, but no.
$(anchor).text(txt); $(links).append($("<span>"+ pretxt + "</span>")).append(anchor); works. this is the workaround code I ended up using. The following only shows pretxt, seemingly losing the original anchor node: t = anchor; anchor = $("<span>"+ pretxt + "</span>").insertBefore(t); $(links).append(anchor);(Using 'add' instead of 'insertBefore' in the above code procures the same result). What have I not understood? Also kinda irks me that the official jquery docs never tell me anything about the
jquery grid
hey guys... i am trying to make a grid using the jquery plugins..... i am trying to get the input from a xml file.... can somebody help me... plz help me out on this one as i am new to this jquery.......
"change" event on a select box causes problems when using the keyboard
Hi, I recently upgraded from jquery 1.4.2 to 1.7.2. It seems like the way the change event works for select elements in IE has changed. In jquery 1.4.2, if you are using a keyboard to move up and down in the select button options, the event is only fired when you hit the enter key while focused on an option. However in jquery 1.7.2 it seems like the event is fired as soon as you move to a different option, which makes the dropdown unusable if you are using a keyboard. I tried this in IE 7 and 9. In
Filter question
I have the following HTML: <!-- Beginning of slides --> <div id="slider-wrapper"> <div class="slider"> <img src="images/5587_120512_b.jpg" width="399" height="600" alt="Smokey Bear"/> </div> <div class="slider"> <img src="images/slide_8105.jpg" width="526" height="350" alt="Brids of Prey"/> </div> <div class="slider"> <img src="images/slide_8115.jpg" width="526" height="350" alt="Otter"/> </div> <!-- <p class="caption"
$.ajax test in qunit
I have a simple test for $.ajax request, I get an error when I run this in my browser it says, "$. is undefined". can anyone help me. This is my function function ajax(successCallback) {
$.ajax({
url: 'server.php',
success: successCallback
});
}
and my tests is
test('asynchronous test', function () { // Pause the test
stop();
ajax(function () {
ok(true)
}) setTimeout(function () {
start();
}, 2000);
}) thanks
jquery tools validator problems
hello to anybody... i need your help with the jquery tools validator.. I have this test.js after loading the jquery.tools.min.js (I downloaded it with all the componentes).. it has this: test.js $.tools.validator.fn("input[name=group1]", {en: 'Choose one'}, function(el, value) { var arr = $('input[name=group1]'); var sel = false; for(var i=0; arr.length > i; i++) { if($(arr[i]).is(":checked")) sel = true; } return (sel == true) ? true : false; }); $.tools.validator.fn("[type=radio]", {en: 'Choose
How to control windows media player by jquery or javascript?
How can I control embed windows media player by using jquery or javascript? I need all commands? Thank you.
DatePicker problem
Hello all, I am having trouble getting datepicker to work. I have 2 date fields (arrival and departure) the date picker works for the first, but not the second field. I think the issue is with the input id and name, they cannot have the same name and id as they are different date values I need to call as POST variables in my php. But even when they do have the same name and Id only the first field provides the datepicker calendar. Any help is greatly appreciated. John
oop js
i have doubts in oop js can u tell where can i ask....
getJSON problem
I have some problem with getsJSON : var jqxhr = $.getJSON("http://www.egotime.com/webservice/json/?app_id=RRxc8pZBpUb5Z1W0t9DVnQZZXnuAhnPw&query=events&pageindex=0&page_itemcount=5&show_itemcount=1", function() { alert("success");}) .success(function() { alert("second success"); }) .error(function() { alert("error"); }) .complete(function() { alert("complete"); }); $.ajax({ dataType: "json", success: function(data) { // do something alert("Success"); }, url:
Problem with checkbox and form using jQuery
Hi all I'm currently developing a webapp that use google map api with some elements overlays on the map using checkbox to activate. I've tried to use jQuery to make iphone style checkbox however it won't work. When a check box is checked, it has the event onClick="SwitchLayer()". SwitchLayer() will search for all element in " document.forms[0].elements[i]" then print overlay elements on google map. However, when I add a tag that activate iphone style checkbox to one of my checkbox element,
Unable to call click Event When Not A Single Page
I have a question, I was hoping someone can answer for me and help me understand. I've been working with JQuery and JQuery mobile for about a week now and through some testing I noticed that when I build my JQuery click event it doesn't work unless my mobile pages are sharing the same html file. I've also noticed that if my index.html file has the JQuery references then I don't have to include them in my second html page; it seems to work just fine. However, when I test this behavior in a desktop
Datepicker looks bad in firefox
My datepicker in the "Enter a date:" field looks bad in Firefox, but normal in IE, Opera, Chrome, and Safari. http://heightsdental.com/RequestAppt.php Does anyone know why? Thanks.
vi
how to retrieve and display a data from database using jquery and ajax in a jsp without refreshing the whole page.......please help me out...in the database am having a table named "wall" with only one column "message".....now i want to display the comments in jsp using jquery method....
jQuery plugin review
Hi all, I wanted to ask how can I better structure my code https://github.com/tsevdos/LightsOff on this plugin. The code is running, and I used as a base for my plugin one of Addy's (https://github.com/addyosmani/jquery-plugin-patterns/tree/master/patterns) jQuery plugin patterns, although I didn't really structured the code as I wanted to. Can some please suggest me how to structure/break the code? Do you know any good jQuery plugins in order to see how they work. best regards to all, John
Help Me
Hi All, Please help me. Now i m using Jquery model dialog box. Its working good. but it's coming the page will be loading then the model dialog box will disappear. please help to solve this problem
Variable not being translated
In the following code block the variable 'side' is not being translated in the line beginning 'margin-side...' Can anyone see what I'm doing wrong please? function centerElement(divid,side) { divid = "#"+divid; jQuery(divid).css({ top:'50%', side: (((jQuery(window).width() - 940)/2)/2) + 'px', margin-top:'-' + ( jQuery(divid).height() / 2 )+'px', margin-side:'-' + ( jQuery(divid).width() / 2 )+'px' }); } jQuery(document).ready(function($)
How to link to wordpress pages
Hi, I'm trying to build a mobile website with Jquery Mobile. I'll explain what my plans are. For my customers, which allready hava a desktop website, I want to make mobile websites: Jquery Mobile websites with a connection to the desktop website. So when they change text on their desktop website, it automatically changes on the mobile website too. The first customer has a wordpress website. That's very simple, because Wordpress has a Jquery Mobile plugin. But I don't want to use that plugin, because
How do I position en element relative to the visible area of the page?
Hello, I have a <div> that I am positioning absolutely, which displays some content when the user clicks a button. At the moment, I position this using the "top" CSS proeprty, to put it 30 pixels from the top of the page. This is fine if the user hasn't scrolled the page, but if they have, they either only see the bottom of the <div>, or they may not see any of it. How do I position it to be 30 pixels below the top of the visible portion of the page? I've searched for ages, but not found anything
Changing a webpage for Ipad
I have a webpage that looks fine on a normal desktop, but it's also going to be used by Ipads. What is the best way to alter the page for the Ipad users? I was thinking that Jquery would be good for this to remove certain ID's and classes and replace them with Ipad specific, am I thinking along the correct lines and what is the best way for Jquery to know the page is been used on an ipad? I know I can use @media tag to change Css file is this suitable for jQuery as well? thanks for your thoughts
JQuery Cycle $(this) into pager property
There are 3 similar cycle-slideshow with images-pager, but I don`t know write pager property, I need to pager will be into parent $(.slider).cycle({ pager: $(this).find("div.slider-nav") }); I am editing plugin. in buildOptions(...){ buildPager($cont, els,opts); ...///// function buildPager($cont, els, opts) { var $p = $(opts.pager); var parent = $cont.parents(opts.parent); if(opts.pagerSet != undefined && opts.pagerSet == "inner"){ $p = $(parent).find(opts.pager);
jqm 1.1.1 shows address bar for every page transition in safari ios 5.x
I built a mobile app with 1.1.0 for iOS5.x safari (iphone) and the page links never caused the address bar to drop down. The ajax worked great! Everything worked pretty well until I tried 1.1.1. Now with jqm 1.1.1 every page link to another local page causes the address bar to drop down. Tested so far on an iphone 4 iOS 5.1 in safari. These are just basic links going to another page in the same directory. Sample page 1: <!DOCTYPE html> <html> <head> <title>Page 1</title> <meta name="viewport"
Upgrading from 1.0.1 to 1.1.1
I've just downloaded version 1.1.1 and I changed my site (which is still otherwise under development) to use the new .js and .css files. It's not good. 1. ui-grid-a lists now wrap - all the panels are listed on the left, but only taking half the screen width. Note: this seems to be fixable by changing the style: .ui-grid-a .ui-btn, .ui-grid-b .ui-btn, .ui-grid-c .ui-btn, .ui-grid-d .ui-btn, .ui-grid-e .ui-btn, .ui-grid-solo .ui-btn { margin-right: 5px; margin-left: 5px; } from margin-right: 5px;
Job Opportunity: User Experience Designer
Greetings: I will shortly be starting a project to build a web application using the Yii PHP framework and jQuery, and I am looking for someone with a good background in building clean, elegant, and usable user interfaces utilizing appropriate CSS tools (possibly including Twitter's bootstrap) and AJAX through jQuery in Yii. Please PM me if interested; examples of past projects that give a good idea of design style and implementations would be appreciated. Right now, this would be a small design/consultation
Page Slide
I have a mobile Site www.loghos.org/ge/iphone I have no idea how I can make a slide gesture with one finger to move a site back. Thanks!!!
A little help please. I just need to find a jquery like this one
Hi everyone. Anyone know a jquery like the one on the right here: http://stocklogos.com/logo/tv-gift. That displays the logo on that elements (car, hat, t-shirt etc) A little help would be great. Thank you.
Jquery dropdown with images inside
Hi, Please help, I am in need of a dropdown box inside my web apps, which should contain only images. Similar to GMAIL CHAT smiley drop up menu... How I can do this !!! ? Thanks in advance. Suren
Thumbnail Swipe Gallery
I'm trying to create a row of thumbnails in their own div that can be swiped and on a touch event will display beneath the row. I'm new to jquery mobile and I was just looking for someone to point me in the right direction. Thanks in advance.
Next Page