Using range slider to query records from db
I'm very new to all of jQueryUI and I've played very little with javascript and Ajax. My background is mostly PHP and MySQL. that said, here is the task I would like to perform... using jQueryUI Slider (range) 1) Main page PHP: Query a range of values from the database for the max and min values and set those as the max and min value for the slider. 2) as the slider range is changed have the min and max values adjust the "where" conditions on another query to pull up other values that fall
select "a" tag with attribute"rel"
here is my html <a id="ctrl2" href="'>web-link1</a> <a rel="300;500;modal;head;http://www.gmail.com" id="ctrl1" href="">web link2</a> requirement select "a" tag that has "rel" attribute. get the values within rel and show modal here is the code $('a[rel]').click(function() { callform($(this).attr("rel"),'Required Fields'); }); function callform(PArel, lbltxt) { var htt=PArel.split(;); if(htt[2]=='modal') { ........ } ...... } its not picking a with rel....................Any help will
validator plugin
i am getting a pretty typical error message that appears to appear for folks who have typos in their validator code blocks, $.validator.methods[method] is undefined i have spent most of the day going through my code, and comparing it to other working validation code i have in other pages, i have rewritten a bunch of stuff, and to no avail, i am still getting the same error so i figured i would try the community here, to see if the communal mind would see something, or have knowledge i do not. i have
Using Resizable and Draggable with Containment
When I add resizable() and draggable(), or even just draggable() with containment, the element get a margin-right that matches the extra space from the right side of the element to the bounding box of the parent on the right side. So a <span> that is 100px wide inside a <div> that is 500px wide, ends up with a margin-right:400px. At this point, i cannot move the element laterally, only vertically. Is there a way to avoid this? The kicker is when I have resizable() on the the same element, and
how to run a function simultaneously with animation?
hello to you smart peoples, how can I make a function work on an element while at the same time the animate method is applying to it? as example, I want to make an element that change its height and his background position move by 100px every half a second. thank you! AsafKey
Problem in obtaining a value from a combobox
I have a series of comboboxes from which I have an issue getting the selected value. I have fudged this by setting up a selected event and setting the value to a local variable and I would like to stop using that. I have looked at this for hours and I know it will be something simple. My combobox code is posted below. Thanks in advance. (function( $ ) { $.widget( "ui.combobox", { options: {phpfile:null, opid:1 }, _create: function() { var self = this; var select
Masked input
I am able to call the mask function to mask my phone number etc in specified format. Unfortunately my database has only 10 chars for phone number so when I do insert it fails. My question is how can I get only the value back in postback instead of getting masked characters as well?
PDF links don't work
I created a small PDF. When you click on a text link, it takes you to another page. This works fine in Adobe Reader on the PC, but in the Android device the link has no effect. Is there a special way to get these links working on a mobile device?
ajax tabs inside accordion-
If the ajax tabs content loads slowly, my accordion collapses. if i click again on the accordion i see my tab has fully loaded. how can i prevent the accordion from collapsing? (but i DO want collapsible : true) thanks from jennifer
how to add custom images to jquery tabs?
hello, i have 3 tabs and i would like to add custom images on the tabs that change when the tabs are active or not. like this my layout is like this: <div class="tabs"> <ul class="tabNavigation"> <li><a class="ep-messages" href="#first">Firstddddd</a></li> <li><a class="ep-friends" href="#second">Second</a></li> <li><a class="ep-alerts" href="#third">Third</a></li> </ul> <div id="first"> <h2>First</h2> <p>Lorem ipsum dolor sit amet, consectetur
Can't return to app upon exit and restart
When you click on the link to a web site, close the app, then open the app again, it displays the web site instead of the app. How do you get back to the app? <li><a href="#" onclick="parent.location='http://twitter.com/Team_Associated '">Twitter</a></li>
One variable plus another variable
Hi, I'm using a jquery invoice script from css-tricks where I wanted to add Taxes to the total. The problem I have with it that when I wanted to add one variable to another withe the + sign the variable are placed after each other... You can see the script on this page . The line which causes it is: var inclbtwraw = $("#subtotal").html().replace("€ ","") + $("#btw").html().replace("€ ",""); thanks in advance for your time! Chris
Image loading error
Hi, Is there a way to get notified when a image couldn´t be loaded -say, image src is invalid or image doesn´t exists- in order to avoid the red cross canvas?? Thanks in adv
How do you close the accordion in default?
How do you close the accordion in default? http://jqueryui.com/demos/accordion/#mouseover its open as you can see in default. can anyone help , Im still new using jquery UI framework. any help is appreciated
Reading from a text file and outputting to a microformat
Hi, I'm getting to grips quickly with the power of jQuery but have it a bit of a problem. I have a design for a website which will utilise both microformats, moustach and jQuery in two ways. Effectively, what I'd like to do is something like this jQuery reads the text file (set up like this) photoName.jpg photoName_thumbnail.jpg caption text There can be any number of these jQuery and moustach interact and moustach (or ICanHaz) injects into the microformat I know how I can read from the text file,
Carousel - Various images sizes
Anyone know a jquery plugin I can use for a horizontal scrolling image carousel with different size images. I Iike the plug in here as my client will be easily able to put new content using a simple text file. The problem is that the images will be the same height but different width so I get ugly spaces between narrow images. Is there a plug in that solves this or is there a way to manipulate the css for each image so as to adapt the width of the div ? I can add the height and width properties of
highly functional draggable + sorttable - where the drag only sorts upon snap
I know this is very very specific. I have been trying to write this code for the past 2 days and i am getting nowhere. heres my scenario: I have a list of 10 images, left to right. I want a user to be able to drag the li's wherever they want on screen individually, but also if they are near the original container snap to the container and start sorting inside of it. when they stop dragging if they are not 'snapped' to their original container i want to not revert, but stay afloat wherever on screen
can coda-slider which slides panels horizontally be made to slide panels wider than the screen?
I've made a website that uses coda-slider to slide the entire screen to the left when the user clicks on a menu item. It takes him to the correct screen. Its a neat effect, and other people have done it too. My question is - suppose I have a background image that is rather wide. I can stretch it so it fits the height of the screen, but then its too wide for many monitors. When I slide to another screen, I want the entire background image to fly past the user, even if it is wider than the screen.
new to jquery & help needed - first script works only in chrome! not safari and not firefox
hi all, i am new to jquery and this forum. i hope this is the right forum to post as i don't want to post on multiple forums to confuse people. i am working on a few scripts (basically putting together examples i've learned in javascript: the missing manual) that will turn the links in a home page to load pages from the same server. there are two such links in the page now. i want the home page (with the links as navigation menu) to load those links in a separate <div> on the same page without moving
validate help
hi im using the validate plugin with the meta data plugin i call it like this jQuery(document).ready( function(){ jQuery("#com-createForm").validate({ meta: "rules" } ); }); and then in the html i have for example <select name="offertype" class="drop {rules:{required:true, messages:{required:'Please select the Type '}}}" id="offertype"> <option value="">--Select Type--</option> <option value=1>Pumped</option> <option value=2>Gravity</option> </select>however my problem is that all the error messages
div inside an anchor will break the back transition effect from the target page
Hi all, I started to use jQM for a few days for my mobile web application, and encountered the following issue... a.html <html> <head>...</head> <body> <div id="abc" data-role="page> <div class="myheader">...</div> <a href="b.html"> <div>abc</div> </a> </div> </body> </html> b.html <html> <head>...</head> <body> <div data-role="page"> <a href=href="#" data-rel="back" data-direction="reverse" data-transition="slide">Back</a> </div> </body> </html> So I suppose when
Update a div with results of a jqModal ajax call from MVC page
Here's my scenario. I call jqModal using its ajax functionality that displays a form in the modal dialog. The user fills out some information and submits the form which returns some html in response. The resulting html is being displayed inside the jqModal div. The user then clicks Close to dismiss the modal dialog. This all works correctly so far. Instead, what I want to do is close the dialog on submit and update a div with the response from the server. Calling code: <script type="text/javascript">
"FOCUSIN" and "FOCUSOUT" functions, doesn't work in the developing plugin
hello, i created a plugin to erase the value in the input text or password with the focus in, and insert the default value with the focus out, if there is not value in the input. it doesn't work into focusin and focusout functions, why ? thank for help. here is the code : (function($) { $.fn.focusInputValue = function() { var $$ = $(this); var selector = $('input:text, input:password, textarea'); $$.focusin( function() { alert('IN'); $(this).attr('value',
Code for the screenshot in the docs
The jquery docs, here: http://jquerymobile.com/demos/1.0a2/#docs/about/intro.html shows a screenshot of a two-column layout on an ipad. It looks like this: Can someone please direct me to the code to create a page like that? Obviously, I'm a beginner. I appreciate the help. I've tried fiddling with ui-grid-a and b but haven't managed to get it working. Ideally, I'd like to have a menu page and a content page. If the ipad is in portrait orientation or if you viewed the site on a phone, the menu and
How to use Attr() function no only for the first element?
Hi everybody, I've made a script to highlight an element when you rollover on another one. // Highlight thumbnail on roll over post list item $("#sidebar-left .left-col2 a").live("hover", function(){ var title2 = $(this).attr("title"); alert("title : " + title2); if ($("#portfolio-list li a").attr('title') == title2 ) { $("#portfolio-list li a[title="+title2+"]").parent().css({"border": "1px solid red"}); } }); My problem is that the script works fine but unfortunatly just for the first li element
.submit and executeSql problem
Hi, i have the following code: /******************** campi.js ******************************/ var campi = {}; var dbName = 'mobi-lite'; var db = null; var html = ''; var id_oggetto = 852; $(document).ready(function() { $('#show').click(function() { //recupero l'utente loggato e in caso di successo recupero le sue attivita' campi.showListaCampi(); }); }); campi.prova = function(){ db.transaction(
how can I change the link color on a navbar?
Is there any possibility to use data-theme to a link on header navbar? Since the link is automatically changed to a button when it's included in a navbar, I put links in <h1>, my code is like: <div data-role="header"> <h1><a href="/m/" rel="external" data-theme="c">1/100</a></h1> <a href="#newword" data-icon="plus" data-theme="c" data-rel="dialog" data-transition="pop" class="ui-btn-right">{% trans "add" %}</a> </div>The color of the link 1/100 cannot be changed. If navbar use
Applying a CSS property from one element over to another
I'm pretty sure this is really simple to do, and it's simply goes to show just how much work I have to do learning this... but I'm trying to run a function that reads the css property of an element and copies it over to another element on click. I'm sure a huge part of my problem is that I'm still struggling to learn the correct syntax for things, but I'm sure it's framed like this: onClick: function() { (create var and set it as the value associated with "background-image" of current object) (apply
:odd removes bullets in "li" , but :even works correctly, is this bug or do i miss anything?
Hello all, I created a class .highlightodd { background : #eee; color : #000; } then <script type="text/javascript"> $(document).ready(function() { $(".liHiLite:odd").addClass("highlightodd"); }); </script> The output works for this following code, <ul> <li class="liHiLite">li item 1</li> <li class="liHiLite">li item 2</li> <li class="liHiLite">li item 3</li> <li class="liHiLite">li item 4</li> <li class="liHiLite">li item 5</li> </ul>But weirdly it removes bullets, But
Ajax fix for IE breaks FireFox
I changed a recent ajax POST call that was receving an XML result and processing with a series of find() in the success: It had worked fine with Firefox but failed in IE. I found some documentation that explained how the dataType needed to be different for IE, and the result had to be process first for IE using Microsoft DOM. The IE worked like a charm. But now Firefox isn't. I can see the the POST does hit the backend code that finishes successfully. But then nothing happens in the browser,
Running Muliple Instances of jQuery
Hi I have been unable to find an answer to this question, but I am sure someone here is able to help, I have two instance of jQuery in my Joomla site, the first allows a clickable banner drop down at the top of the website the second allows the background to fade when the navigation is hovered two separate entities that seem to clash. As you can see I have tried to define the second as jQuery(function($){ to avoid conflict without success, both work if i delete the other. Any help would be much appreciated.
Input focus for firefox and safari doesn't seem to work
The following should refocus an input element with a name of 'test' if it contains an empty string. This works for IE (8.0.7600) but not in Firefox (3.6.15) or Safari (5.0.4) $('input[name=test]').blur(function() { var $this = $(this); if (!$this.val()) { $this.focus(); return false; } return true; });
How to target a tag with his title value?
Hi everybody, Im trying to target an element to highlight it when I roll hover on a a tag list (which is a result of ajax request) I've try that: // Highlight thumbnail on roll hover post list item $("#sidebar-left .left-col2 a").live("hover", function(){ var title2 = $(this).attr("title"); alert("title : " + title2); if ($("#portfolio-list li a").attr('title') == "Mail" ) { $("#portfolio-list li a").attr("title","Digital Mail").css({"border": "1px solid red"}); } }); My problem with my script is
layout issue - checkbox
Hi, I'm building a form with text inputs, checkbox and submit. Everything is fine so far except the checkbox width. I tested it on different mobile devices and it has always a different width. Acutally I need each element with a width of 100%. Does anyone know why there could be a problem with this element? I checked also jquery mobile site with the demo sites and also here have the checkboxes different width :( thx for hints TC
Show/Hide a div in IE6/7
Hi, i searched the forum, but did not find a working solution for my problem. IE6/7 are not hiding the divs in the $(document).ready function. Tried also: $("#closed").css('display', 'none'); document.getElementById('closed').style.display = 'none'; It is working when i add the ID "closed" to the <li>-Element instead of the <div>-Container. All other browsers are working fine. Thanks in advance! Kai Code: $.ajax({ type: "POST", timeout: 7000, data: {username: username, password: password}, url: "php/login.php",
Render List returned via JQuery
Hello , @ Server side , I have a list into a bean . @ Client side , I use : function callJava() { $.getJSON("../reference/test", { name: $('#name').val()}, function(result) { // result is a bean that has a list alert(result.fooList.length); }); }I need to be able to render this list later via FreeMarker . What is killing me when I replaced this list with a String variable , it works fine like : function callJava() { $.getJSON("../reference/test", { name:
Problem Finding an object
Hi, I have a function that creates a custom flash media player object. Once it has been created, I'm trying to call its "PlayVideo" method. However, the DOM doesn't recognize the object unless I do an "alert" in front of it (then it works fine). How or what can I use to find the element? Below is the code: [code] $('.media-player .thumbnails .thumbnail').click(function(){ playerInfo = $(this).attr('id').split('-'); displayMediaItem(playerInfo[1],playerInfo[2]); }); displayMediaItem
Issue with jQuery tablesorter
hey guys, I am using jQuery tablesorter plugin and it seems to be working fine. But i have a requirement to filter the data's based on client and do sorting then. I put a combo box and from that user will select the Client. Based on the selected client, i manipulate the JSON data locally and display the relevant data's based on client ID. Before selecting a client, say All Client (means all data from JSON), sorting is working fine. But after selecting a client, the sorting is working only ascending
getting started with jquery mobile?.please help
Hi My name is Nithya.I am new to jquery and this forum.could some one help me out to get started.I am planning for developing an app using jquery mobile.I can see documentation of jquery mobile but whether there is any pdf offline version any help is appreciated. Thanks & Regards, Nithya/
Slideshow navigation help
Hello all, not sure if this the right place for this - so feel free to move it if not. I'm currently making a slideshow using a custom jquery plugin (nivo-slider) on the 3rd slide, the image links to a separate page - what i want to do is have a link on this page that when clicked, goes back to the 3rd slide. here's the example: click The other way i've tried to do it is by hiding the slideshow div and showing the video div....but then the slideshow just carries on playing while you are looking at
Next Page