problem with width() and space between words
Here is my code (copied from some kind soul somewhere on the internet -- this is part of a function to loop through child elements to get maximum width): var html_org = $(this).html(); var html_calc = '<span>' + $(this).text() + '</span>'; $(this).html(html_calc); var w = $(this).find('span:first').innerWidth(); $(this).html(html_org); where $(this) is the label element for: <input type="radio" id="radio5" name="radio" value="MembersPayments"/><label for="radio5">Members Payments</label>
jquery.hotkeys
Hi , Iam new to jquery. Would like to implement hotkeys for one of my PHP project which is built with zend framework. Could you please guide me if i can use hotkeys implementation with zend. Need your assistance for the same. Any idea on how to proceed would help. Thanks & Regards, Kumar
Hi and Hello...Newbie here in Jquery UI
I found this in jquery site. This is the code <html lang="en"> <head> <meta charset="utf-8" /> <title>jQuery UI Dialog - Modal form</title> <link rel="stylesheet" href="http://code.jquery.com/ui/1.10.3/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.3/jquery-ui.js"></script> <link rel="stylesheet" href="/resources/demos/style.css" /> <style> body { font-size: 62.5%; } label, input { display:block; } input.text
z-index issue with drop down and list view
On my simple web page i have a form with a select box. I'm Using jquery mobile with phonegap and when i run application on android 4.0 tablet, select box and its label are not visible. when browse through code (weinre debugger), i can see html code for select box but its not showing it up. and on another page i have a list view with 5 list items. on that screen its the same. i cant see list but html code is there. when i try to open same on a web browser, everything is fine. issue is only with android
animate JQuery
Hello I am utilizing this: <!DOCTYPE html> <html> <head> <style> div { background-color:#bca; width:200px; height:1.1em; text-align:center; border:2px solid green; margin:3px; font-size:14px; } button { font-size:14px; } </style> <script src="http://code.jquery.com/jquery-1.9.1.js"></script> <style>html, body { border:0; margin:0; padding:0; }body { font-family: 'Helvetica', 'Arial', 'Verdana', 'sans-serif'; }</style></head> <body> <button id="go1">» Animate Block1</button>
Jquery Mobile application with Require JS and Sammy
Hi I am pretty new to web apps in Mobile device. I am evaluating couple of libraries that i will be using for my upcoming project and i have chosen Jquery Mobile,Sammy and Require JS. I was trying to integrate them in a sample app to get familiarize and i am completely thrown off . I am trying to do a basic stuff basically loading the modules using requirejs and redirecting the user to a template. To my surprise i see that template is getting loaded to DOM but the jquery styling is never applied
Jquery Mobile ICON Bank
I need some help for itself as new comer in J query mobile. I have a project about J query mobile ICON Bank, I need guidance and help. I want to know that what are the scope of this Mobile Icon Bank.? where and which purpose can we use these icons? why are need of this Mobile Icon Bank?
Can't get the jqm standard icons to show for input fields.
I created my first jqm form, but I'm having the problem of the select list, checkbox icons are not showing, I get just a gray circle for the image, not trying to use a custom image either. Not sure what I'm doing wrong but I think it's the way of calling the css, ui. Here is how I'm calling the css, ui and js. at the top of the page. Just a simple contact us form. Any ideas? thanks. <!-- Add jQuery Mobile and UI CSS styles //--> <link rel="stylesheet" href="css/jquery-ui-1.9.1.css" />
jQuery problems in chrome
Hey, i have one problem, but just in chrome. Ok, i have this in html: <a href='javascript:;' class='album' onclick='displayGallery($idArray[$i]);' id='albumid-$i' onmouseover='albumPreview($i);return true' onMouseOut='albumPreviewStop($i)>some images here</a> And this functions: var time; function albumPreview(id) { $("#albumid-" + id + " > div:gt(0)").hide(); time = setInterval(function() { $("#albumid-" + id + " > div:first") .hide() .next()
Browser extension loading its own version of jQuery and breaking the jQuery based websites
We are developing a website in which we are making use of JQuery library and some of JQuery plugins like cycle, countdown, jcarousal and so on. Recently we found that if our website users download and install browser plugin/extension called "Pricepeep"; then they keep getting lots of javascript errors while browsing our website pages. If they go to Browser's tools option and disable this extension then again everything works good and no javascript error occurs while opening the web pages. In browser's
Preloader: How to make an element change style during preload
Hello everybody, so I got my preloader working and counting up until 100%. My full preloader.js can be found here: http://mc-communicate.com/preloader.js I call the preloader on my front-page.js: var _pContainer = $('<div id="coll-preloader"></div>') var _pPercent = $('<div class="percent">0</div>') var _pbgwhite = $('<div class="bgwhite"></div>') var _pbred = $('<div class="bgred"></div>') if (!$('.lt-ie9').length) { _pContainer.append(_pPercent, _pbgwhite, _pbred); $('body.home').append(_pContainer);
Problem with variable inside ready Jquery
Well i have this problem i want Number to be readed outside the function, its a function for a dice that everytime you click on in you will get a random number. The problem is that i can only see the variable inside function asd2, if i alert or anything on function asd it doesnt let me.... $(document).ready(asd); function asd() { $("#lala").click(function asd2() { var Number= Math.floor(Math.random() * (6 - 1 + 1)) + 1; }) alert (Number);
About using a button in a JQuery-Ui dialog
I have added a button called Confirm to this JQuery-UI dialog called dlgPassage by adding it in this way <a href="#" id="btnConfirm">Confirm</a>. It's also possible to add a button in this way I wonder which of these two ways to add abutton is the prefered way ? $('#dlgPassage ').dialog({ ... ... ... buttons: { "Confirm": function () { Click_btnConfirm() } } }); <div id="dlgPassage" title="Passage" style="display:none"> <table> <tr><td>Opening</td></tr> <tr> <td>
Rotated Video player in Chrome, bugs.
Hi, Can anybody help with playing rotated video in Chrome? I put video at YouTube that show problem http://www.youtube.com/watch?v=IZGkXkPKaI4 Rotating images works super, but there are bugs when displaying rotated video. Sample page: http://msdrop.com/?i=2 Thanks Piotr *** Read about msDrop at jQuery Forum
how to show upload status in a form using jquery?
Hi Good evening to all. I want to upload some files using jsp and i have done that. If the size is very large then it should display some status and for that i have done like this http://jsfiddle.net/utDRh/ But the status is not showing. Can anybody help me please. this is the jsp codes. <% response.setContentType("text/html"); response.setHeader("Cache-control","no-cache"); String err = ""; String lastFileName = ""; String contentType = request.getContentType(); String boundary
Jquery UI multidraggable
Hello, I´m German, so sry for english I´m using the native Drag and Drop from HTML 5 for my Website: http://planning.pytalhost.de/ Dropfunction: function drop(ev) { ev.preventDefault(); ziel = ev.target.getElementsByClassName('activity'); if(ev.target.tagName == "TD" && ziel.length == 0) { data=ev.dataTransfer.getData("Text"); quellElement = document.getElementById(data); zieltd = quellElement.parentNode; if(zieltd.classList[0] != "planning") {
overlap in slide transition Jquery Mobile 1.3.1 (Android)
JQM 1.3.1 - JQ 1.9.1 - Chrome on Android 4.2 I have a home page with a list of 50 items which point to another page. When I use the slide transition, the first slide out and slide back are perfect. But the second one and all the ones after are a bit different. It looks more like an overlap when going from the list to the event's page. Also, the transition seems a bit faster. I removed all my css to make sure that none of them were interacting with the transition. Here is the code (it includes the
hello
hi to alla i am new in Jquery
hello
hi to alla i am new in Jquery
Cycle plugin; Issue with order of slides
I'm in the middle of creating an online magazine for which im using the cycle plugin by malsup. Each article within the magazine can contain multiple pages and each page has a backgroundimage defined. Browsing through an article is done by clicking a previous and next button. When a button is clicked, two things happen separately. The actual content (text and images) moves up or down by changing the top position of each 'page'. The backgroundimage, however, is changed by making use of the cycle plugin.
Jquery editor support with equation, tables, and visio office word document
i want to copy and paste office word document like as equation, tables and visio to jquery editor. how can i do it?
May i know how to popup a form when i double click on the image?
<!DOCTYPE HTML> <html> <head> <meta charset="utf-8"> <title>abcd</title> <script src="SpryAssets/SpryMenuBar.js" type="text/javascript"></script> <link href="SpryAssets/SpryMenuBarHorizontal.css" rel="stylesheet" type="text/css"> <link href="abcd.css" rel="stylesheet" type="text/css"> <script src="SpryAssets/SpryValidationTextField.js" type="text/javascript"></script> <link href="SpryAssets/SpryValidationTextField.css" rel="stylesheet" type="text/css" /> <script src="jquery-1.9.1.js"></script>
Issue with columns selection on dynamically generated column-toggle table (jQm 1.3.1)
Hi, I'm new to this forum and relatively new to JQuery mobile framework too (so, have mercy...). In my project, I'm trying to dynamically generate a column-toggle table. What I need to obtain is to populate the table based on a selection change in a <select> element (each time I change the selection, the table content must change). I already managed to trigger the creation event after the selection; in this way I managed to create the table by injecting it inside the DOM (on a <div> with a specific
Uncaught TypeError: Object [object Object] has no method 'zclip'
I am using click to copy clipboard in my project. It is successfully applied to my project but after I did some modifications on that page it is not working. In my browser console it is showing this error every time "Uncaught TypeError: Object [object Object] has no method 'zclip' " Tell me the solution how to solve this problem. <script src="/js/jquery-1.9.1.js"></script> <script src="/js/jquery.zclip.min.js"></script> <script> $(document).ready(function() { $("a.copy").each(function()
Cannot see the arrow for Previous month and Next Month in Date Picker
Dear all, I am using Date Picker. I can selecte date from the Date Picker. But I cannot see the arrow for the Previous Month and Next Month in Date Picker Top display. I try to change the follows in jquery-ui-1.10.3.custom.css . But it not works. So may I know the step to let the picker show the arrow for previous month and next month. Thanks .ui-icon-circle-triangle-e {background: url(images/east.png) 50% 50% repeat-x; background-position: -48px -192px; } .ui-icon-circle-triangle-s { background-position:
Video autoplay inside article slider, when video clip is visible?
Hi, I have an article slider, which contains articles with HTML5 video clips inside. I would like to achieve that each video clip would play when visible. I have this class active when an article becomes visible: .nspArtPage.active { opacity: 1; and this when invisible: .nspArtPage.active { opacity: 0; I thought maybe I could tie the auto play event to the clip's position or visibility. I would appreciate if someone would share his thoughts with me on this. Thanks!
replace label name with a variable
$("label[for='c1pick'] .ui-btn-text").html($("#introdukt").val()) I would like to replace c1pick and #introdukta with variables Tried the first one the following way: whichone="c1pick" $("label[for=whichone] .ui-btn-text").html($("#introdukt").val()) but it doesnot work. Is there a way? How to replace #introdukt reference with a variable, too?
With using .off(), .on() Function Still Runs
I'm trying to remove the function and event that was added dynamically to an anchor tag. With this line: $(document).on("click", "a.like-command", function() { likeFunction($(this)); return false; }); function likeFunction(tagele) { $.ajax(){ //gets some stuff from server }.done(function (data) { //delete the event handler so this function can't be called anymore comment_div.find("div.command-area div.like a").off('click', this,
Latvian initialisation for the jQuery UI date picker plugin
Made some translation to Latvian language, hope it will be useful! ;) /* Latvian initialisation for the jQuery UI date picker plugin. */ /* Written by Alexander Zagorsky (alexandersolo777@gmail.com) */ jQuery(function($){ $.datepicker.regional['lv'] = { closeText: 'Pabeigts', prevText: 'Iepr.', nextText: 'Nāk.', currentText: 'šodien', monthNames: ['Janvāris','Februāris','Marts','Aprīlis','Maijs','Jūnijs', 'Jūlijs','Augusts','Septembris','Oktobris','Novembris','Decembris'],
validation phone
hi i don’t speak much English , sorry. how can i use validation phone number ? i used this address but it was not helpful : http://www.htmldrive.net/items/show/867/Useful-Masked-Input-jQuery-Plugin my code : <!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>Designing Modern Web Forms</title>
Onclick does not work but onmouseover works!
Hi; This is about IE. In Firefox its all good. I am calling the same function with onclick and it does not work. When I call the same funciton with mouseover it works fine! What am I doing wrong? Thank you Does NOT work: <div class="option" onclick="edit_value('This Opption 2');"> This Option 2 </div> This works fine: <div class="option" onmouseover="edit_value('This Opption 2');"> This Option 2 </div> function edit_value(argument) { $(".behnam").html(argument); }
Populate list of options with Ajax - Replacing Prototype
HI, I have a problem with a jQuery code. Actually, I want to migrate from Propotype due to conflicts with other jQuery scripts. I need display a list of options in a select from a previously option selected in another select. I've tried several ways, but without success. I added two fields to the users profile: City and Neighborhood. So, a form in the frontend to be able to search for users by city and neighborhood (of each city). Here's my code: The file neighborhoodAjax.php <?php /* This file
Supersized Slideshow not displaying right on all devices
Heya, I just added a new slider to my homepage and I chose Supersized 3,2.7 since their demo proved to work well on my devices. However I am having an issue with displaying my own slideshow on older devices (Iphone 3gs and a older Samsung Galaxy). Ipad, and newer Iphones work fine. http://asp-photo.com Can point me in a direction of how to correct it?
ajax loading content in jquery dialog content contains a datepicker. 2nd time dialog is opened the date picker doesn't work
so at first I had a page I was loading with an ajax call. this page does an ajax post. I discovered this issue when do the post when the page returned the date pickers wouldn't change the dates in the text boxes, I had a lot of options setting on both the modal and the date pickers. in an attempt to isolate the problem. I strip out all the configurations, also I had read some thing about dialog doing funny things when they are not living on the base page, so I moved the modal to the base page. user
Degrading JQuery toggle
Hello everyone and thanks for your help in advance. I am working on a webpage that is using the JQuery toggle method to display div tags when various links are clicked. However, in cases where javascript is disabled I need to make sure the div panels do not display and that the page degrades properly. Any help would be appreciated.
Manipulating dynamically added content
Hello - just to warn you again, I'm new to Javascript, JQuery and HTML so apologies if I use the wrong terminology and misunderstand things. I want to make modifications to the attributes of some of my page elements when the document is displayed in a web browser. At the moment I use: [code] $(document).ready(function() { $('.myclassname a').each(function() { someElement.attr("title", 'My new title'); } } [/code] - and so on, which works perfectly well for static pages, but doesn't work
First jQuery plugin developed, code feedback wanted
Hey everyone, just finished my first experimental jquery plugin and I'm still quite new to plugin development. Because of this I would love to hear some critics, feedback or some suggestions. I prefer feedback to the plugin code (Quality, mistakes, improvements) not the plugin itself, of course the plugin itself is also welcomed. The plugin I'm talking about: https://github.com/Bahlor/jQuery-Pixel-Related-Object-Selection Thanks in advance :) Best Regards, Chris
Image links not opening new pages
I've recently started using Jquery and I've run into a weird device snag I think. I'm trying to develop an app using phone gap and so far everything has worked out ok except for this. I'm using images to represent links. This works fine in web browsers but when I try to do this on my tablet I can't. Any ideas?
Animate CSS value based on scrolling position
Hi, probably most of you know websites, where something is animated based on the scroll position. An example for that is the Skrollr jQuery Plugin itself, which does exactly that: http://prinzhorn.github.io/skrollr/ The problem is that this plugin works with data attributes on HTML elements, which is great and easy to use for some purposes, but in my case i need it as a JS function (to dynamic set the starting and ending values). To give you an example here is a quick code sample i need: var $window
JQuery Mobile Popup Image is not being displayed
Hello to all and good morning and happy easter, I have been playing with the JQuery Mobile popup function and I am having trouble getting an image to appear. The project requires an image and text to appear in the popup. I get the text to appear but the image will not. Below is the code <!--WebApp About Info START --> <div data-role="popup" id="TEST_about" data-theme="d" > <a href="#" data-rel="back" data-role="button" data-theme="d" data-icon="delete" data-iconpos="notext" class="ui-btn-right">Close</a>
Next Page