How to convert text lines with BR tags into the linse with the LI
Is there any way to access a text that;s not wrapped in any tag just BR to create a new line. I need to convert it into the each separate item into the list item. Something like this: Front access battery design for easy battery access <br> Fully assembled, tested and listed to UL 1778 <br> Breaker and fuse options for single and multiple string applications <br> Hinged locking front doors for secure easy access <li>Front access battery design for easy battery access</li> <li>Fully assembled, tested
About JavaScript header..
<link rel="stylesheet" href="http://code.jquery.com/mobile/1.1.0/jquery.mobile-1.1.0.min.css" /> <script src="http://code.jquery.com/jquery-1.7.1.min.js"></script> <script src="http://code.jquery.com/mobile/1.1.0/jquery.mobile-1.1.0.min.js"></script> why my button is not respon if i use the javascript online....
Accordion Error in IE9?
This works fine in FIREFOX but not IE9 any solutions? <?php /* * FAQ v1.1 * Copyright 2013 * Author: Nuker_Viper * E-mail: nuker@swfclan.com * Website: http://www.swfclan.com * * License: http://www.swfclan.com/license.php * */ ?> <script> $(function() { $( "#accordion_faq" ).accordion({ collapsible: true, heightStyle: "content", active: false }); }); </script> <br> <center><h2>Frequently Asked Questions</h2></center><br> <br> <br> <?php echo " <table align='center' width='600'
how to transfer 2 input box text into 1.
I have 2 textbox's which have an id of address and zipcode I would like to group those 2 values together into a 3rd textbox called aves in a format of "address, zipcode". Since these textboxs have no ititial value I think I should use the .text instead of .val method so as user types in the textbox it will display along in the 3rd. What I have so for is this code which does not work < script type="text/javascript"> $(document).ready(function () { function update() { $('#aves').text($('#address').text()
My jquery coding is not functioning properly on responsive design
I'm redeveloping my website and it works as it should on one design but on desktop layout. it's URL is http://xhpx.co.uk/under_development/ when it is using desktop.css it's only a part my jquery coding functions. please educate me on this regard and thank you very much in advance for your concern :)
Preventing scrolling with fixed headers
I have developed an iphone app using phonehap+JQM1.2.0 that has a fixed header - below the header is scrollable content (so using document.addEventListener('touchmove', function (e) { e.preventDefault(); }, false); is not possible). I noticed that if you press on the scrollable content and move your finger down, the header moves down too. Can this be prevented? This also happens when there's a footer and I swipe backwards. Thanks Jean
Change event not firing on Android 2.3.6 (native select menu)
On Android 2.3.6 on Samsung Galaxy S2 phone, using jquery 1.8.3 and jquery mobile 1.2.0 NATIVE select menu's change event does not fire. Menu length immaterial. No problem in Chrome on a PC or Firefox on a PC or IOS on iPhone or iPad. Non-native menu does fire the event, but the non-native menu is extremely unstable. Sometimes fires itself with no user input, sometimes results in the wrong choice.
with "jQuery File Upload" - How can i access the preview <img> html element after upload is done ?
Hi, im developing an HTML5 App that utilizes the "jQuery File Upload" plugin to upload images to the CANVAS element. The user uploads an image, then i use a different library (jCollage) to add the images to the canvas. So far i was able to achieve this in two steps: 1. first uploading the image. 2. then, when clicking the preview image, an event handler calls an "add image to Canvas" function. it does this by using the <img> html element. Now im trying to automate the process so that the first step
Time picker issue
I am using Time picker plugin from this place http://fgelinas.com/code/timepicker/ i want to disable time which DOESNT come in between 10:00AM - 03:00PM and 07:00PM - 11:00PM thanks in advance
List Item, returning the value of the link inside - is it possible?
Hi if I have this code: <li class="getMe" id="home2"><a href="#" value="2" data-transition="slide">Yahoo</a></li> <li class="getMe" id="home3"><a href="#" value="3" data-transition="slide">Yahoo</a></li> <li class="getMe" id="home4"><a href="#" value="4" data-transition="slide">Yahoo</a></li> Using $(this) how would I get the values from the <a href> statement. Presently I am trying to something like this: $('. getMe').live('click', function(event){ alert('id = "+$(this).attr('id')); }); But
Simple YouTube API player not working in IE
Hi, I am quite new to Jquery. I have a simple script that works perfectly in FF and Chrome, but not in IE. It's driving me crazy. Could someone explain why?. This script loads a single video on a div id=video <script> var player; $(document).ready(function(){ window.onYouTubeIframeAPIReady = function() { player = new YT.Player('video', { events: { 'onReady': function () { $.getJSON("http://gdata.youtube.com/feeds/api/users/diasporaduo/uploads?v=2&alt=jsonc",
How to make video stop playing after navigating to another page?
Hi, In jQuery Mobile 1.20, I have a page with a few embedded Vimeo videos. They play fine. When navigating to another page while playing one of those videos, the video in question continues to play in the background. How do I stop the video when a different page loads? Thanks.
Delete/Remove Ajax Prefilter
Is there any way to delete/remove an ajax prefilter once one has been registered? Or maybe a way to circumvent it? I'm trying to write some qunit tests and to test the prefilter effectively I want to execute some ajax with and without the prefilter. However, once it's been registered there does not seem to be a way to delete/remove it... Any thoughts? I could potentially reorder the tests so all the prefilter ones occur at the end, but this will make this messier than they need to be as I won't be
Sill wrestling with jquery cycle plugin, almost there, please some help
okay, I've been wrestling with the jquery cycle plugin for almost a full week now. I tried tons of examples and tutorials, and all slide shows they all fail to yield a constant slide show with INSTANT slide changes right away from the start... At this point I have a folder containing 11 images. My slideshow fetches those using php, and puts them in a slideshow using the cycle plugin, as found on github.com. The first round the slideshow runs, has an anoying break in between images. After that first
Understanding the different uses of the load method with jquery
What are the biggest differences or benefits between the ways that the load method are used below.... I've seen some people do this... $('#wrapper').append($("<div>").load(mfooterwrapper)); While I've seen other peoeple use this style... $("<div>").load(mfooterwrapper, function() { $("#wrapper").append($(this)); }); Thanks for any advice! *Break through the ice and never look back*
{data-collapsed ="false" } work only last one content in ver 1.2.0
If I use jQuery Mobile 1.2.0, the "data-collapsed = "false" of "collapdible" contents work only last one content in "collapsible-set". If I use ver 1.1.1, all contents collapse collectly. Following page is sample of collapsible set page. ver 1.1.1: http://hamadroid.info/home/jqm/performance/collapsible.set1.1.1.html ver 1.2.0: http://hamadroid.info/home/jqm/performance/collapsible.set1.2.0.html Please give me information about this disagreement between ver 1.1.1 and ver 1.2.0. Thanks.
Remove Active link on click
Hi Guys, I know this is simple to do but i have no idea how to do it. I have the sript below. What i want to do is to remove the active link highlight wheni click the same link. Thanks in advance <script type="text/javascript"> $(function() { var links = $('a.link').click(function() { links.removeClass('active'); $(this).addClass('active'); $(this).on('click', 'a.active', function(e){ // Make the old tab inactive. $active.removeClass('active'); $content.hide();
No results
i am using an autocomplete with multiple, remote, and a search.php file that has mysql and php but i cannot get my the autocomplete to work here the search file. Seach.php file <?php sleep( 3 ); // no term passed - just exit early with no response if (empty($_GET['term'])) exit ; $q = strtolower($_GET["term"]); // remove slashes if they were magically added if (get_magic_quotes_gpc()) $q = stripslashes($q); $query = "SELECT * FROM {$dbprefix}members WHERE disable = '0' ORDER BY username ASC";
Changing a div with dynamic content
I'm trying to do a very simple thing with JQM, but I'm having issues doing it (I'm a newbie to JQM, sorry). I have a main page that link to a secondary page. In this secondary page I would like to load a dynamic content inside a div (#main). The first problem was binding to the pageshow event, because sometimes it would not fire or it would fire more than one time. I have fixed that issue using the .one function and moving the script inside the page DIV. Now I have this page: <!DOCTYPE html> <html
Writing to a Form field
OK, so I'm stuck again. I'm trying to write the content of the div.zusammenfassung to a textarea field named "ic_zusammenfassung" and then submit the whole form to a php script. This is what I came up with: var zusammenfassung1 = $('.zusammenfassung').html(); $('input[name=ic_zusammenfassung]').val('zusammenfassung1'); And this is the textarea in the form: <textarea name="ic_zusammenfassung" class="zusammenfassung"></textarea> But it doesnt work. The Mails I receive only contain all the regular
Blinking Back Button on Tab Event
Hello, The back button does not glow, but instead blinks when tabbed. This happens during initial page load or a hard refresh (ctrl+F5). I have added a data-rel="back" attribute, but the behavior continues. Please see the attached code below. Thanks <a class="ui-btn ui-btn-corner-all ui-btn-inline ui-btn-icon-notext ui-btn-up-f" data-transition="" data-inline="true" data-shadow="false" data-iconshadow="false" data-iconpos="notext"data-icon="back" data-role="button" href="" data-bind="event: { tap:
The code is working slowly
Hello any idea why my jQuery code works slowly in browser?? <body style="background-color:gray"> <div id="meniuCircle"> <img id='meniu' src="MeniuVizual.png" style="height:500px" /> <div id="opt1"> Optiune 1 </div> <div id="opt2"> Optiune 2 </div> </div> <div id="content"> <img src="bug.jpg" /><img src="bumblebee.jpg" /> </div> <script src="JavaScript1.js"></script> <script src="realshadow.js"></script> <script src="Shadow.js"></script> </body> var height
QUnit equal assertion very slow when reporting “complex” object
(Note: I've also posed this question on stackoverflow here:http://stackoverflow.com/questions/14464621/qunit-equal-very-slow-when-reporting-complex-object) I've found that QUnit can be very slow when generating a failure report when an equal assertion fails and the expected value is a complicated object. Is this a known issue? Is there any way to limit the depth QUnit recurses into the "expected" object while generating its failure report? In the meantime I'm thinking of switching to using ok, but
Problem with sortable div's
hi good morning.......................... i am facing a problem with jquery ui sortable. working fine with div containing plain text.whein i am placing divs inside divs then they are moving but not sorting.here is working example http://jsfiddle.net/KK7zk/ any help would be appreciated. thanks and regards, santosh
How to start translating tutorials for the Jquery page
Hello there people, I'm a computer science student and I want to start translating some tutorials in the tutorials page to my native language (pt-br), but I haven't found anything about contributing with translations in the discussion section in the docs. So, there's someone who I can talk to in order to get started with this work, or somewhere where I can submit it? I've seen some efforts in the web, but they're pretty lagged.
jquery mobile 1.3 direction controls
Hi! I am currently using "jquery.mobile.rtl" plugin to resolve displaying jqury mobile controls in Hebrew and Arabic view. Does 1.3 version handles direction for Hebrew and Arabic view? Thanks!
How to find a div in DOM
I know it sounds simple, however I've trying all day and could not manage to do it... My code is similar to the one below. I need to find the closest "myDiv" to the img clicked. My problem is that the actual stracture of the page is very compicated and not always the same. This is a ASP.NET control that can be placed anywhere inside body. Since I could not make it work with .find, .next, .nextUntil, etc, I tried to search each parent and if it had a div.myDiv to do the job. However for some reason,
Using quicksearch plugin, can I run advanced search options?
The quicksearch plugin (https://github.com/riklomas/quicksearch) allows me to filter table data based on input into a textbox. I have implemented it successfully, but I two questions: 1. How do you search on only one column? Suppose I have two columns Name and Address. I'm getting too many results in the address field for search term "smith" and I only want to search on the name field. How do I do this at runtime? 2. Is there a way to search an exact phrase? Enclosing my search term in double-quotes
How to deal with page flickering?
jQuery ui widgets require a minimum amount of html to be instantiated. When instantiating, the widget's create method is called which should render the full html and add any required classes. The recommended place to instantiate widgets is in the document ready handler. This is causing me some issues because in old (slow) browsers or just slow pc's the user can see the page changing (flickering). In the past i've always been able to overcome this problem by simply rendering the full html, including
Popup Android not working
Hey guys, I have an issue with the popups and android. However this does work on iOS and WP7 so far. I tried it on Android (4.1.2) with Chrome Browser and the popup does not show up. What happens is that i got several checkbox elements in a list. If a specific checkbox was clicked, a popup should show up as well and ask the user a question. Depending on the answer (yes/no) something should happen (JS triggered). The problem: that popup does not show up in chrome. Here is the code: <a href="#popup123"
problem with centering image in popup
hi guys, I am using jqm to developer a simple web app for my company, which includes a sequence of images that will popup when users click on them. My problem is when I click on the images, jqm suppose will help to center the popup image, but mine is not. The position is not proper, especially when I keep clicking other images one by one. And the scale of the first-popped image will not be scaled to fit the screen.... However, if I change the browser size, the image will be centered again... I
click event for add class
i'm try to create navigation like ibm.com. $(document).ready(function(){ $(".home").click(function(){ $("#toggleNav").show("slow"); $(".home").removeClass('home').addClass("homeactive"); }); }); then i want to do, After clicked homeactive hide toggleNav $('.homeactive').live('click', function(){ alert ("ok"); }); but this is not working. I also try removing live.but not working. Please Any one can help me to do this navigation like IBM web site. Thank You for your help.
How to change a php case with javascript ?
I've searched thoroughly and attempted quite a few different methods to achieve what i'm looking to achieve basically i want to know if upon success of an ajax function i can switch to a different php case without reloading the page, for example: <?php case"1": ?> <form action="#" method="post" id="form1" name="form"> <input name="eg1" type="text" value="value1"> <input type="submit" value="Add Item" name="dosubmit" /> <?php break;?> <?php case"2": ?> <form action="#" method="post" id="form1" name="form">
Remain on same page after submitting a form
Hi everybody, I use jquery form plugin to ajax submit a form in my jquery mobile application. The problem is I use an "aftersubmit" function to determine if the response from server is successful or not. Infact I need to use a server-side validation after the form is submitted. JQuery mobile automatically changes page when user clicks "submit". Is there a way to remain on the form page so that users can correct their mistakes in compiling the form and then submit it again? Thanks in advance
Accordion problem
Hello, I'm newbie, and have problem with jQueryUI 1.10. I have accordion and underneath it table which is dinamically built from C# and sql data however, when accordion active it overlaps my table instead of pushing it down. How can I fix it? Thank you in advance
How to keep image type validation
Im new for the jquery..How can i put image type validation using jquery...i've kept size validation but unable to put image type validation...pls any one help me how to keep type validation using jquery <script type="text/javascript"> $(document).ready(function() { $('#id_image').bind('change', function() { if(this.files[0].size > 1000141){ $('#formerror').html('File is too big'); }else{ $('#formerror').html(' '); }
Multiple Drop downs with Same values
Hi, I need to implement multiple drop downs with same value for example DropDown1(values: 1,2,3,4,5) DropDown2(values: 1,2,3,4,5) DropDown3(values: 1,2,3,4,5) DropDown4(values: 1,2,3,4,5) When we select the value from first drop down the value is not available in the remaining drop downs. example: From DropDown1 (Selected Value: 3) Need to remove 3 from remaining dropdowns.
Autocomplete broken in Firefox
I upgraded to the new UI and I am having a problem that is only happening in Firefox but not IE 10 or Chrome. I am using the Autocomplete in ASP.NET and during the select I call this: select: function (event, ui) { var submitpostaback = $('#hidSubmitPostback_PemitMain').val(); $('#hidSelectedValue_PemitMain').val(ui.item.value); $('#txtQuickSearch_PemitMain').val(ui.item.value); if (submitpostaback == 'TRUE') { if (ui.item) {
how can help me about my code ?
i have three page : index.php : <?php require_once("includes/funcs.class.php"); $existUsername = new funcs(); if(isset($_POST['username'])) { $existUsername->existUsername($_POST['username']); } ?> <!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> <script src="js/jquery-1.9.0.min.js"
DatePicker
Have jQuery Date Picker Default to the 1st Day of Next Month? I see that the defaultDate can easily be set to a specific date, or to a date that is a number of days, weeks, month, or years in the future or past. But is there a way to ... have the defaultDate default to the first day of the next month? or ... have the date picker default to the first day of a month no matter what day the user selects for that month? Any help will be greatly appreciated, as my boss is trying to save money by having
Next Page