Can we autosize listview to text inside it?
I want to autosize each listview [li tag] so that my text inside exactly fits the listview. I dont want the listview to span my entire page width , it should be just enough to wrap the text inside li tag. Can it be done? Any help highly appreciated
Can i get the oriantation of a display?
i get the width/height of a window like this var width = $(window).width(); var height = $(window).height(); but its always the same. When i turn the smartphone the width is the same and the height too how can i get the oriantation or how can i fix this?
how change tag html, depends on browse language.
i wanna change this html tags if a get lang='pt' or lang='es' some help with the code bellow? thank you very much $("#TB_window").append("<div id='TB_title'><div id='TB_ajaxWindowTitle'>" + caption + "</div><div id='TB_closeAjaxWindow'><a href='#' id='TB_closeWindowButton' title='Close'>fechar</a> ou Esc Key</div></div><iframe frameborder='0' hspace='0' src='" + urlNoQuery[0] + "' id='TB_iframeContent' name='TB_iframeContent" + Math.round(Math.random() * 1000) + "' onload='tb_showIframe()' style='width:"
Tooltip Plugin. Allmost there ...
Hello, I have a problem on my tooltip plugin: http://jsfiddle.net/mdmoura/RPUX6/ When I move the mouse faster between elements (1 and 2) the tooltip does not show. I think this happens because I have a delay on element mouse leave: $this.mouseleave(function (e) { tooltip.timer = setTimeout(function () { $("." + options.class).detach(); }, !options.mouse || options.static ? options.delay || 0 : 0); }), // Mouse leave I have it to allow the mouse to move over the tooltip for when
clear DOM cache when clicking home button
The order of my pages goes like this : index.html-->news.html-->newstext.html. In my news.html page div, I enabled data-dom-cache="true" because when people come back from newstext, they are at the same page location and news.html is not refreshed. news.html has a home button which takes it back to index where there are more topics to click on. How can I clear news.html from the dom when the home button is clicked? <head> <meta charset="utf-8"/> <meta name="viewport" content="width=device-width,
scroll bar and jquery dialog / tooltip
when jquery dialog or tooltip open , verticle scroll bar appear on page and if scroll already has then it extend to some height.
use handsontable with an existing table
Hello, do you know if I can use hansontable jquery plugin with a table which is already exists ? Because in the documentation, I saw that we can create a table with handsontable like that : var data = [ ["", "Kia", "Nissan", "Toyota", "Honda"], ["2008", 10, 11, 12, 13], ["2009", 20, 11, 14, 13], ["2010", 30, 15, 12, 13] ]; var $container = $("#example1"); $container.handsontable({ data: data }); But I wish to do something like that : $("#monTableau").handsontable();
Using tinysort with a table
Hello everybody, I'm trying to sort a table with the plugin tinysort. But it doesn't work like that : <head>[...] <script type="text/javascript" src="[...]/jquery.min.js"></script> <script type="text/javascript" src="[...]/jquery-ui.min.js"></script> <script type="text/javascript" src="../JS/jquery.tinysort.js"></script> <script type="text/javascript" src="../JS/jquery.tinysort.charorder.js"></script> [...] <script type="text/javascript"> var aAsc = []; function sortTable(nr)
How do you pass a function as a parameter to $()?
How do you pass a function as a parameter to $()? For example function autoplace(map){ // do something with map }; var map = "Wassup"; $(autoplace(map)); // how to pass a function which takes a parameter, as a paramter to $()
How to return rest HTML loaded from external after empty the some ids.
Step one : Get the external html file to variable Var myurl = “externafile.html”; $.ajax({ url:myurl, dataType: "html", success: function(data){ } }); externafile.html <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>Gohome.com</title> </head> <body> <div class="wrap"> <div id="names">Nale list</div> <div class="span1" id="blank1">Details
Problems with the display in Internet Explorer 10 - http://pcname not work. http://localhost works!
I have created a website in jquery mobile. I have the webserver (iis) on my local pc. I call the page with the ie10 via http://localhost, everything is displayed correctly (round buttons, the positioning, ...). If the Web page is accessed through http://pcname, the representation is reset to a minimum (square buttons, the positioning does not fit, ...). Can I änderrn? Is there an approach that appears to me it is also about http://pcname in "jquery mobile style"? JQM-Version: 1.3.1 IIS 7.5 Thank
View page by html(output).show() with some fade effect
Hello; I use the code below to load a page in a div. I want to add some cool fade effect to it, but it ignores it and just opens it regardless of the effect. Here is the code: function hotels() { $.post('reloads/sep_list_refresh_jquery_gallery.php', { city: document.form.city.value},function(output){$('#hotels').html(output).show();}); }This is the code I tried and didnt work: function hotels() { $.post('reloads/sep_list_refresh_jquery_gallery.php',
Keep expand option for jquery hover accordian
i have implemented jquery UI vertical hover accordian, i have one client requirement, i should have keep expand link inside each accordian panel, when user clicks on it, panel should be expanded until user close it by using close link.. please give me code if anybody implemented this
jquery new challenge can you solve it
I used slideToggle with a div which also use mscrollbar . mscrollbar link is here http://manos.malihu.gr/jquery-custom-content-scroller/ Problem: mscrollbar is not working properly with slide toggle.I used display:none for slideToggle but for useing display none mscrollbar counts the div is not displaying and not loading the scrollbar even after changeing css property display:none to display :block by slideToggle its not loading. my jquery is $(document).ready(function(){ $('div class name').slideToggle().css('display',
jquery html5 support?
I recommend future of jquery html5 support ===canvas Tag==== event -getContext -beginPath -arc -fillStyle -fill -stroke -more ===Video Tag==== event -play -stop -record -take photo -more ===audio Tag==== event -play -stop -record -more ==scroll value== -scrollheight -more ================
image swap
I am building an image gallery with jquery fancybox to show before and after photo-retouching. Is it possible to apply a roll over behavior to an image that is being pulled from the href attribute in the anchor tag? The jquery fancybox uses the following syntax to pull to load images <div class="grid-element"> <a rel="example_group" href="editorial/01_editorial_lg_on.jpg"> // large image <img id="grid-shadow" src="editorial/01_editorial_sm_on.jpg" alt=""/></a> //
Perfomance is bad while switching between the pages with jquery mobile
I was facing performance problem while switching between the pages.I went to various forums and added something like faskclick and more. First time, when i switch to different page, it takes around 3-4 seconds but from second time it is fast e.g. 1 - 1.5 sec. Now, sometimes, click does not work. Out of 5 clicks, only 2-3 clicks works. I am struggling to figure out what went wrong ? If you can help me out finding why click is not working and how to improve performance when using jquery mobile, it
iscroll freezes on last element of reload
The topic sums it all. I just started using iscroll and so far have only tested it on the iphone. Scrolling is smooth but I'm bugged by the fact that over 50% of the time especially in non safari browsers, the application freezes when it is loaded/relaoded on the last element and won't scroll at all. Anyone familiar with this and any idea why it happens or how it can be fixed?
images flying
Hello. I need to create a little animation of images flying away from the viewer (image attached). Can anyone suggest which plugin will do that? Thanks! Ron
return to same page location with data-back button
From my understanding, the first page is automatically cached so there is no need to add dom-cache true. When I'm on a secondary page with a long listview, returning to the listview refreshes the entire page and starts the listview at the top. The fix to this is adding dom-cache but that seems very inefficient. Is there another way to do this?
trouble with parent / child
I am attempting to make some changes on the screen when the user interacts with the quote price or the quantity of a line item. I don't really understand what I'm doing with parent / child, but I did get a little bit of traction. It's just not working. If someone can point me to a tutorial somewhere that would help me with parent / child examples that would be very helpful, or maybe you can answer my questions specifically. Here is some sample html: <table> <tr id="ABC123" sku="ABC123"><td
getJSON function works only when ajax page loading is turned off
I struggled with this so initially I gave up and turned off ajax page loading for jQuery Mobile ($.mobile.ajaxEnables = false;) and (data-ajax="false"). I basically finished my website but I REALLY WANT TO USE AJAX LOADING!!! My problem is when going from index.html (topics page) to news.html, and going from news.html to newstext.html, the javascript ajax calls, which should get data from my database and fill the page, aren't getting executed. There are no errors in the console. Here's my code...PLEASE
arrange images
Hy There are probably a lot of questions like this, but I couldn't find an appropriate answer anywhere. I want to make a site with a grid of images which can be arrange by date and kind. But! I just want them to arrange and no images should disappear! Can anyone just give me a hint where to find a suitable plugin or sth like that. Thanks a lot
Help validating multiple text fields with error messages
I am very new to JQuery. I am trying to create a basic form where the user will: type a name, enter comments in a textbox, click a radio button, click a check box. If the user does not do one or more of these things, I need an error message to appear besides the box or button on the particular area that is missing. I have everything working for the user name. I don't know how to work in that I need validation on all the other fields. I have tried adding another function below the first one, or adding
JQuery Dialog IE8 formatting issue
I think I have a JQuery Dialog IE8 issue. The JQuery Dialog works nicely in Firefox. Formats perfectly, close button is there and functions. The same code using the same stylesheet on IE8 causes the close button to disappear, the title disappers and the title background is white. This is driving me nuts...can anyone offer any suggestions on how to fix this issue?
Filter to hide divs without the class type?
I have a select menu like this: Show only: <select> <option>Red</option> <option>Green</option> <option>Blue</option> </select> I have divs like this: <div class="red blue">Lorem ipsum dolor</div> <div class="red green">Lorem ipsum dolor</div> <div class="green blue">Lorem ipsum dolor</div> When the user selects red, the third div above should hide. When the user selects green, the first div should hide. I hope this is clear; how do I do this in jquery? Also, a show all option would
JQuery Passowrd Validation
I am using jQuery validation with my asp.net controls. Everything is working great except for password matching. Even though I put in matching passwords it says they do not match. Here is the code <script type="text/javascript"> $(document).ready(function () { var validator = $("#MainForm").validate({ rules: { <%= username.UniqueID %>: { required: true, minlength: 6 },
passing html input value into jquery ui dialog ass variable
I have a html form with an autocomplete input field that open an jquery dialog. In this dialog i have an sql search that will need the value from the input box. How can i get the input in the Dialog box ass variable? Here is what i have: <!--autocomplete script --> <script> $(function() { $( "#searchImage" ).autocomplete({ source: "search.php", minLength: 1 }); }); </script> <!-- Dialog Script --> <script> $(function(){ $('#imageDialog').dialog({ autoOpen: false, bgiframe: true, height: "auto", width:
Send DataURl to webservice using Json/jquery
Hi, I am trying to save Base64 data in to database. But I am not able to send dataUrl to my .asmx file. -------------------------------------------------------------------------- Jquery ====== function UploadUserPhoto() { var Mycanvas = document.getElementById("tempCanvas"); var dataURL = Mycanvas.toDataURL("image/png"); $.ajax({ url: "LP18WS.asmx/UploadPhoto", contentType:
What's the background image used by data-theme="b"
<div data-theme="b" data-role="header"> <a data-role="button" href="@Url.Content("~/Holiday")">Back</a> <h4>Gestion congés </h4> </div> What's the background-image used by this header ? What's the code of this background ? I researched but I haven't found. Thank you
accordion arrows
Hi, Can the arrows on the accordion bars have different position. Let me explain with an example: I want to move the arrow image marked in red to move a little more towards the left but keeping the position of the arrow in the first accordion intact. Is that possible. Thanks
Stack jQuery Dialog
I'm building a website using jQuery Dialog. I'm using 4 dialogs on one page using a stack. Now i need to know which one of the dialogs is on top of the stack, because i need to change the color of the title to red instead of black. The titles need to be black when not active. So only the dialog on top of the stack needs to be red. I have done a few hours of research already but i cant find the awnser. Hopefully anyone can help me.
NestedSortable and Draggable
Hi I would like to use the same thing as in the draggable/sortable demo : http://jqueryui.com/draggable/#sortable but with nested sortable https://github.com/mjsarfatti/nestedSortable both works well but I can't add the draggable element into the nestedSortable list and do it also sortable. Can someone help me with this please? Thanks CEd
Recommended method for displaying user messages and errors?
Hi all, Is there a recommended way to display consistent messages to users, such as information and error messages? For instance, displaying a message that suggests that the user may have entered an incorrect email address or password at login, or prompting them to complete a field? Cheers, Kaine
How to submit a form ?
Hello... I'm trying to submit my form in a joomla article and still can't get any result. Where's the mistake ? Here's my code (just for a test) : ( form inside my article) <form id="frmOrcamento" name="frmOrcamento" method="post" enctype="application/x-www-form-urlencoded"> ...... <input id="btnEnviar" onclick="enviarTeste1();return false" type="submit" value="ENVIAR" /> (function in the <head> tag): function enviarTeste1() { $(document).ready(function() { $("#frmOrcamento").submit
Create html table with Parsed JSON in Jquery with images and input fields added
I have seen many examples on the internet regarding looping through a JSON object and printing it in a html table. However my issue is a bit different as I need the first column to be an image the next few columns are json data from the json array and then finally a input field in the last column (the value from this input field is provided from the json array as well). Here is the full JSON I have where tabledata contains the array of information I need to create the html table with: {"approverName":"","emailAddress":"","companyName":"ABC","address":{"streetAddress1":"12
Please give me an example in JQuery to understand syntax similar as I code in ExtJS
In ExtJs to create window I simply do this: Please give me the same example in jQuery!!! <script type="text/javascript"> Ext.onReady(function(){ var win = new Ext.Window({ layout:'fit', width:500, height:300, buttons: [{ text:'Submit', disabled:true },{ text: 'Close', handler: function(){ alert('Click on Close
UI / Mobile mix and match
Hi, I am currently using jquery mobile predominantly for a site, but find the jquery-ui autocomplete to be far more useful. Of course, I can just include both libraries...but that is a bit of a waste. Is there any way at all to "mix and match" - so for instance to include just the jquery-ui autocomplete functionality, thus saving bandwidth, or is it all very interconnected...?
Regarding Jquery Modalpopup
Hi , I am trying to implement jquery modalpopup in my application but getting this error: Microsoft JScript runtime error: Sys.InvalidOperationException: Could not find UpdatePanel with ID 'ctl00_ctl00_mainContent_phContent_updpanel1. If it is being updated dynamically then it must be inside another UpdatePanel. Actually I am trying to open a usercontrol page in my jquery modalpopup n that usercontrol page having multiple update panels ,that is requirement of my application ,so i can not
calling a jQuery ui dialog box from a link
I C&P some code from this site to show a dialog box. It worked, but I want to call the dialog box from a link if possible. <!doctype html> <html lang="en"> <head> <meta charset="utf-8" /> <title>jQuery UI Dialog - Default functionality</title> <link rel="stylesheet" href="http://code.jquery.com/ui/1.10.2/themes/smoothness/jquery-ui.css" /> <script src="http://code.jquery.com/jquery-1.9.1.js"></script> <script src="http://code.jquery.com/ui/1.10.2/jquery-ui.js"></script> <link rel="stylesheet" href="/resources/demos/style.css"
Next Page