Jquery Mobile Site Looks Horrible on Windows Mobile
I used a jQuery Mobile template in Dreamweaver to build a mobile website, which renders properly on all important devices / browsers except Internet Explorer, Windows Mobile. URL: http://www.kennebec.com/mobile/ Screenshots on Google Docs: http://bit.ly/KT-Mobile (also attached) Please let me know what else I can provide that would be helpful for diagnosing the problem. Thank you! Lisa
How to add a background image in css when it already has a background image
Hello Friends, This is my HTML <li id="myemail" class="myemail"> <a href="a.php">TEXT</a></li> CSS .myemail{ background-image:url(/hcj/images/email1.png); background-repeat:no-repeat; } .myemail:hover{ background-image:url(/hcj/images/email2.png); background-repeat:no-repeat; } .myemail3{ background-image:url(/hcj/images/email3.png); background-repeat:no-repeat; } Jquery Code $('#myemail').removeClass('myemail').addClass('myemail3'); $('.myemail').css('background-image','url('+ /image/email3.png
Dialog close not working properly
I am using Dialog in My page.I am clicking the button(Send button) in dialog popup it have closed unproperly.What is the reason its closed unproperly? My code is: <form id="forms" > <div id="app" > <input type="text" " /> <input id = "shareSend" type="submit" value="Send" onclick = "send"/> </div> </form> $('.app').dialog({ modal: true, draggable:false, resizable:false, show: 'fade', hide: 'fade' }); function send(){ $('#app').dialog('close');
Fade in / Fade Out
Newbie and first post of mine. Would like to add fade in / fade out for the banner images. Right now the banner rotates one by one // The Code am using // var images = ['images/banner-1.jpg', 'images/banner-2.jpg', 'images/banner-3.jpg', 'images/banner-4.jpg']; var i = 0; setInterval(function(){ $('body').css('background-image', function() { if (i >= images.length) { i=0; } return 'url(' + images[i++] + ')'; }); }, 5000); //-----------------// The working version is here. Thanks in advance. Amarnath
Urgent - Django using RedirectView to open external URL within App
Hello - I am trying to reach a url which I create within Django using a RedirectView. Using Jquery Mobile I get Error Loading message when trying to navigate to this screen. Whereas without using Jquery Mobile I do not get this. How can I redierct for example to "www.google.com" as a web page within a Jquery mobile app (no header / footer)?
What are the Uses of HotvsNot Offer Code?
Hai am a new member to this site can any one please help me about this topic What are the Uses of HotvsNot Offer Code? with some real time examples. Thank you all.
Alignment of pop-up(push) notifications in jquery
script> var NOTIFY_ENDPOINT = "php/notify.php"; $(function() { $("a[href='#notify']").click(function() { $.ajax({ url: NOTIFY_ENDPOINT, data: {"message": "I'm a notification!"} }); }); $(".notify button").click(handleNotifyButtonClick); var pusher = new Pusher('xyxyxyxyxyxyxy'); var channel = pusher.subscribe('my_notifications'); var notifier = new PusherNotifier(channel);
iPhone contact app scrolling
Hi, I have a requirement to create a dynamic list that should be sorted based on some criteria. Also it needs to have a scroll on the right side similar to what we have in iphone. So that i shud be able to click on an alphbet and it shud scroll me down to the specific point. Is there a plugin already out there for this ??
Checkbox in Jqm migration to 1.3 having trouble.
Hi, Can you please help me in checkbox issue i am facing while migrating from 1.0.1 to 1.3 Here is the specific code for which the error is. if ($('input:checkbox[name="checkboxMyChoice"+counter]:checked').val() == 1 );{ // do some logic }the error in console is this unrecognized expression: input:checkbox[name= Please let me know what/how should I use it correctly to check the value. Help very much appreciated Regards Srikrish "Learning Continues..."
Multiple ajax calls from same 'hook'
I am relatively new to jQuery and also a Javascript novice so apologies if this is a basic error which I am not seeing. I want to make multiple $.ajax calls from the same 'hook' (don't know if this is the correct term, but let's say a 'start' button) to get separate pieces of data from the server using page methods within an .aspx page and insert them into separate divs within the page. The relevant code is: $(document).ready(function () { $("#btnGo").click(function
js form not submitting, How to activate it.
Hi, I have searched and some people also stuck in this, i am not able to submit the form, I have changed php file, now using simple php mail function which i have mentioned in the code. Any help please, How to activate it. //forms ;(function($){ $.fn.forms=function(o){ return this.each(function(){ var th=$(this) ,_=th.data('forms')||{ errorCl:'error', emptyCl:'empty', invalidCl:'invalid', notRequiredCl:'notRequired', successCl:'success', successShow:'4000', mailHandlerURL:'js/test.php', ownerEmail:'owltemplates.com@gmail.com',
Jquery mobile books
Hi Im rather new to jquery and jquery mobile. I've got a basic understanding of both. Can anybody recommend any good books on both subjects that are up to date as there are so many to choose from. I have an ok knowledge of html and css and I have manage to create a mini jobs site from jquery mobile but i'm looking to enhance it further. Also, Apologies if this is silly question, but is Jquery UI very similar to jquery mobile as there is some books on that topic too. Thank you in advance for any
Jquery store sql result callback in var
Hi Guys, i have a little problem getting to the results of a sql count function. this is what i am trying to do: table 1: product categories cid = uniek category_name = TEXT table 2: products pid = uniek cid = link to category type = subcategorie (there are only 2 types) product_name = TEXT I want a listview of all categories_name en the number of products of type 1 and type 2 that are in that categorie in to seperate <span class="ui-li-count">. The sql and loop for the category
refresh/rebuild html element
Hi Guys, i'm new to jquery/jquery mobile, and trying to build my first app with dynamic content from sqlite database. the basic functionality of the app is working, but i got some difficulty refreshing the dynamic content pages. In this app there can be several links to the same page with different argmuments to get the correct content from te database. so the page should be totaly rebuild before shown to the user. The dynamic adding to de list works fine, but when i revisit the dynamic page with
Listview with dynamic content
Hello, i have tried to figure out how to solve this in jquery mobile. I have a "list" with data from a database (served through php) I can click on one of the element, which contains a form, so i can change the list-element. When element is saved and i push back, how do i refresh the "list" page? Cause it needs to hit the database again and fetch the changes. Jakob
Media queries with jQuery
Hi, I'm trying to write something so that it only runs when the window width is larger then 768px. In other words, for mobile devices I don't want the jquery to load. This needs to work when resizing the browser window. var delay = (function(){ var timer = 0; return function(callback, ms){ clearTimeout (timer); timer = setTimeout(callback, ms); }; })(); $(function() { var pause = 100; // will only process code within delay(function()
full calendar week view in horizontally
how can i covert the full calendar week view vertical mode to horizontal .Currently fullcalendar 1.5.4 provides days in column wise in week view . But i need a week calendar with days in row wise. Can you help me? Thanks in advance http://arshaw.com/fullcalendar/
Compare 2 images
I have 2 images, one is offline and another is online from skype button. I want to compare these images.
problems with ajax
Below is a bare bones jQuery ajax call, but does not seem to work. I dont even get the ajax status functions to fire. Please comment <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>Untitled Document</title> </head> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>Untitled
How to pass condition variable for auto complete textbox
Hi I am using jquery autocomplete. It is working fine with single text box. but When I try to add a condition(drop down) on the basis which back end search will work. Below is code for jquery ============================================================================ <script type="text/javascript"> $().ready(function() { var userTypeId = $("#userTypeId").attr("value"); //alert(userTypeId); //alert(userTypeId); $("#nameMobileEmail").autocomplete("autoComplete.php?userTypeId="+userTypeId, { var userTypeId
tableshorter is not working in ie browser
Hi I created one table and short it using jquery.tablesorter.js shorting is working fine in Firefox browser but not working in IE8 browser is anything extra we have to do for IE browser
Getting Error: ReferenceError: googletag is not defined
Hi All, This is my first post to this Forum. I am getting following error when trying to use google tags in Ad script. Error: ReferenceError: googletag is not defined My Ad script is as follows: <script type='text/javascript'> (function() { var useSSL = 'https:' == document.location.protocol; var src = (useSSL ? 'https:' : 'http:') + '//www.googletagservices.com/tag/js/gpt_mobile.js'; document.write('<scr' + 'ipt src="' + src + '"></scr' + 'ipt>'); })(); </script> <script type='text/javascript'>
jQuery Mobile listview hide and show then cannot search
Hi, Is there something new about this bug: http://stackoverflow.com/questions/14396500/jquery-mobile-listview-hide-and-show-then-cannot-search ? It's about having a listview, apply .hide() then .show() methods on a child, and then, using the searchbar that doesn't work anymore. Here is an example: http://jsfiddle.net/bodgybrothers/bw2ZV/ It doesn't seems to be fixed in jQuery Mobile 1.3.0 RC1. We can fix it using .css('display', '') and .css('display', 'none') instead of .show() and .hide(), but
Jquery mobile slide panel help
Hello all, I am pulling my hair out trying to get the jQuery mobile slide panel to work. I think my HTML is correct but I must be missing something. Here is the jQuery page i have been following http://jquerymobile.com/branches/slide-panel/docs/panels/index.html Below is my page HTML. <!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.2.0/jquery.mobile-1.2.0.min.css"
form with attribute data-remote=true being submitted without ajax on second attempt
I have a form form with attribute data-remote=true and is submitted without ajax on second attempt. I am using ruby on rails on server side. First attempt is going in javascript format and javascript is being returned. here is the java script being returned $('form[id*="restaurant"]').html('<%= escape_javascript render("form") %>') Form is not getting submitted as ajax in second attempt. It appears the form is losing it's binding to be submitted through ajax. Any ideas to fix the issue?
J query like facebook multiple friends tagging in posts,comment etc
I looking for something like this for my college project.. Can any one help me with this ..
Drag and drop setup not working properly
Hello all. Let us assume we have the following tree-like ul>li>div structure <ul> <li class="class" id="someid1"> <div></div> <ul> <li class="class" id="someid2"> <div></div> <ul> <li class="class" id="someid3"> <div>></div> </li> </ul> </li> </ul> </li> </ul> Now, i have the following code: $('li .class').droppable( { accept: '.someotherclass', drop: function (event, ui) { var id_i_want = $(this).data('id');
community login
Hi, I'm looking to set up a 'community' or 'member' login permission platform, where members assigned to login to write post on pages for activities, like event, special announcement, post blogs etc. Does jQuery mobile has such feature or plug in? thank you so much.
Running the plugin on a class selector works on the first element, but not the rest.
So basically, I'm making a little personal plugin, the idea is to have little galleries, divs with images in them. These divs have custom data attibutes for width, height, speed of transition, etc. I want to make set up super simple so anyone can just have a div with images in them, set a few data attributes and they're good to go. There is a problem however that I cannot work out - I'm going like this (where kbg is the name of my plugin) $('.kbGallery').kbg(); This works fine for the first element
Jquery plugin not working for Dynamic validation
I have used jQuery Validate plugin for my page.I am using some inputs dynamically in my page.for example my page have 12 inputs separated by 4 sections.Each section have 3 fields. I am checking following conditions for my output 1.clicking the Go button it compulsory validate the first section of the page(first 3 fields). 2.Then enter the value in other any section it also validate when I clicking the Go button. for example I am entering the value in Second section input it validate first and section
I want to replicate this effect. Someone help?
http://dwelldesignbuild.ca/ Someone please tell me how I can replicate that effect with the images? I know it's JQUERY, but what script is that? Where can I get it?
Trouble with AJAX
I am new to jQuery, AJAX, etc and will be the first to admit I am over my head. I would be very appreciative of any help you can offer. I am building a web app that will run on iPads. I am having trouble with links within the pages. I know now that 'a href' will not work, as it takes the user outside of the app, to Safari. My main navigation works, but on one page I want to have images that link to new pages. I've been trying <a data-file= tags, but they are not working. This is what my navigation
custom jquery UI tooltip
Hi, I'm trying to use jquery tooltip to show a div with an image and text. here is my HTML structure : <span class="reference"> <span class="marque" title="test">Adobe</span> <span class="details"><img src="/img/monimage.jpg" alt="alt">Descriptif du travail effectué pour Adobe.. </span> </span>here is my js : <script type="text/javascript"> $(function() { $(".details").hide(); $(".marque").tooltip({ items: $('.details'), content: function() { var element = $( this
ThemeRoller
Is it possible to use files generated by ThemeRoller to style web controls on aspx page?
Would like some clarification on using $(this) (code example provided)
Hello, Here's a funky demo page. Here's my funky code: $(document).ready(function() { var $this = $(this), $dog = $('#dog'), billy = function(num) { console.log('(billy ' + num + ')', 'this:', this, '$this:', $this, '$dog:', $dog); }; billy(1); $('#clickme').click(function() { console.log('(1)', 'this:', this, '$this:', $this, '$dog:', $dog); var $this = $(this); console.log('(2)',
How to Select a Class's Children
How can i select all elements within a class using jquery? for example: <li id="itemSlide_'.$item['id'].'"> <a> a tag</a> <div>div tag</div> <img src="imgtag" /> </li> i want to display an img when one hovers over the <li> tag $('[id^=itemSlide_]').hover(function(){ //display something }); and i want to remove it when the users mouses out $('[id^=itemSlide_]').mouseout(function(){ //remove display }); however every child element of itemSlide_ triggers the mouseout event. Is there
Is there a way to only display a year range in the datepicker
No months or days. Just years.
Customising tooltip
Hello, is there a possibility to customize jquery tooltip style without creating whole theme and affecting other elements style, f.ex. I am also using jquery menu and I don't want to affect its style.
Execute AJAX and then follow the Link (standard action)
Hello all together, i would like to count the clicks on all links on my homepage. To do this, i added an onclick action to execute my AJAX-Script, to count the click on the link. The user should be automatically redirected to the original link target. But sometimes, the AJAX Skript is too slow, and the default action (redirect to the page) ist already executed, before the AJAX script ends. I tried to solve this problem by preventing the default action, and then redirect the user via "window.location".
slideDown not responding
Hi, I'm building a script dynamically to make a list of faqs with answers that slide out when the question is clicked. Nothing happens on click. I modeled this after the notes here: http://api.jquery.com/slideDown/ Here's an example of one of the results. Script and html below. Any insight would be helpful. Thanks. $("#faq_4").click(function() { $("answer_4").slideDown('slow', function() { // answer revealed }); }); <!-- corresponding html --> <div id='faq_4'> this is the question
Next Page