Selects in a two column grids do not centre when they pop up
I have been using some simple forms with jquerymobile alpha 3. When I have two select items next to each other using ui-grid-a the overlay that pops up with the options centre on the select element rather than in the page. this is a code snippet <div class="ui-grid-a"> <div class="ui-block-a"> <div data-role="fieldcontain"> <label for="proptype">Type</label> <select name="proptype" class="form_search_combobox"> <option value="">Any</option> <option
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
Rounded Corners Plugin (jquer.corners.js) IE problem
Hey, I'm trying to implement rounded corners with jquery with the following plugin https://github.com/malsup/corner/raw/master/jquery.corner.js?v2.09 http://jquery.malsup.com/corner/ In IE 8 is the following error: I've a colored background so the corner must be Transparent in all browsers it works fine but not in IE8 --> there I've corners but with a white corner background and it should be transparent! Here is a picture of the error in IE8: And it looks correct in FF: any idea how to solve
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',
Limit of the cooperation of HTML 5 and JQueryMobile
I can't correctly display the "select" result of my HTML 5 database : is it a limit of the cooperation of HTML v5 with JQueryMobile, When I use HTML basic elements between these closure I can view the correct display in the "listview" HTML object : $(document).bind("mobileinit", function(){ // Waiting for JQueryMobile loading $(document).ready(function() { // Waiting for DOM loading $('#listviewCarnets').append( "<li><a id=\"carnetAffich1\" rel=\"external\" href=\"pagecarnetAffich.php\">Carnet
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
ui.dialog problem with IE when modal is true
hey i am use jquery dialog ,inside the dialog i have html multiple select box and only in IE i cannot able to click inside the box . when i set the modal to false it`s becomes clickable
.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
Open a dialog, In the dialog open another page, and in new opened page, back will be invalid
How to reproduce the problem: Open any dialog, which has a form, for example search a word; fill in something, and submit the form submitting will open another page in the new opened page, click back button, invalid click again, back to the first requested pageSo the forth step has an error, two clicks needed to go back Browsers: Firefox, Webkit
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:
Need Help Please - jQuery("ul.sf-menu").superfish is not a function error with top menu bar and sliding categories left nav block in prestashop
I am getting the following error when viewing the site in firefox " jQuery("ul.sf-menu").superfish is not a function" I am pretty sure this has to do with my top menu bar and my sliding categories left nav block I have in my prestashop store at: www.ledlites4rvs.com website. I am not sure how to fix. HELP PLEASE. I attached the file associated with the error but I had to put it in text format. It was superfish modified.js I have tried "no conflict" code thinking it could be a couple of different
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
How do I control select button width?
Hi! I've got some dynamically generated drop down lists in my web app. My problem is that a select button is really narrow, so almost every list item has a shortened name and I've got plenty of space left. I've noticed that after the select widget gets enhanced jQuery generates some divs and an "a" element. I can set this "a" element wider, and this button really gets wider, but I have no idea how to do this programatically (I've done that through my browser's developer tools so far). This element
Basic jQuery selection question - open a hidden row
Hi @all, I like to open a hidden row from my HTML table but only the first/next/sub hidden row. At the moment the solution will open the hidden row but in sequence (you can click on any link) my HTML Table: <table> <tr> <td> <a href="#" class="AssignTask" ><strong>ToDo</strong></a> </td> <td># 1</td> </tr> <tr> <td class="popupForm" colspan="2">#1 Hello World</td> </tr>
Passing object to dialog box
I am using the $.ajax funtionality with the UI dialog box plugin . I need to pass an object to the dialog box. I have tried .ajax({ prompt: 'POST', url: '/page.jsp', data: { objVal: $object }, success: function(data) { $dialog.html(data);} }); when I do this I get: Line: 31 Error: Object doesn't support this action According to the script debugger this issue is in the jquery code: isEmptyObject:function(j){for(var
jquery ui datepicker input not posting to PHP
I'm having problems posting the selected date from the datepicker. I want to add it into my form so people can simply select a date and it will insert it with the form into the mysql database. It works fine sometimes... but when other people use it or I try on random machines it will just post "0000-00-00" as the date. Here is how I'm doing it: (I've trimmed alot of unimportant info from it) <?PHP mysql_connect("localhost", "xxx", "xxx") or die(mysql_error()); mysql_select_db("xxx") or die(mysql_error());
Next Page