Automatic back button with no text
Hi, If I add an automatic back button to the page and leave the text empty, then the resulting button is a bit shrunk (too short). <div data-role="page" data-theme="c" data-add-back-btn="true" data-back-btn-text=""> I suppose if the text is empty, the generated button should also be decorated with the notext attribute. data-iconpos="notext" Any opinions on this ? Patrick
jquery-ui-map
Hi, I am completely new to javascript and jquery, (although I have done a lot of programming !) this I adapted from: http://jquery-ui-map.googlecode.com/svn/trunk/demos/jquery-google-maps-basic-example.html which seems like a pretty nifty plug - in This doesn't seem to work, is there avything inherently wrong with the way its written. Much thanks in advance! <!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">
highlighting a table row
I've got a select box on my website.. with one of the options being 'delete'. This 'delete' should highlight a certain row within a table, and redirect the user to an other page. I've got the coding below, but it doesn't highlight the table row at all. What am I doing wrong here? <script language="javascript"> $(document).ready(function() { $('select').change(function() { if ($(this).val()=='delete'){ $.ajax({ var parent = $(this).closest('tr'); parent.animate({'backgroundColor':'#00B2EE'},300);
Some problem with de menu
i need some help with the menu i use the jquery.dcmegamenu on a page the page is www.autospin.es on change the page the menu is large to down. how to stop this? Thanks, amic.
How to block img tag source from loading?
How can I block IMG tag sources from loading? Im using the button UI to load buttons instead of images. But the images do appear, then on document.ready get zapped. I can block them with jquery, but Im trying to block the images from flickering. i wish jquery had a beforedocument.ready function for just such actions
Start & Stop JQuery Animation
<!DOCTYPE html> <html> <head> <style> div { position: relative; background-color: #abc; width: 40px; height: 40px; float: left; margin: 5px; } </style> <script src="http://code.jquery.com/jquery-1.9.1.js"></script> </head> <body> <p><button id="go">Run »</button></p> <div class="block"></div> <div class="block"></div> <div class="block"></div> <div class="block"></div> <div class="block"></div> <div class="block"></div> <script> $( "#go" ).click(function(){ $( ".block:first" ).animate({ top: 100
Jquery Cycle Hash Navigation
Hi to everyone. I'm using Jquery Cycle to show up some pages with "Hash" and its working very fine navigating and loading pages. But my thing now is the back and next browser button that is not working at all. Does anybody have the same issue?. Here's my code for the slideshow: $slideshow = { context: false, tabs: false, timeout: 0, slideSpeed: 1000, tabSpeed: 600, fx: 'blindY', init: function() { this.context = $('#slideshow'); this.tabs =
Load content into div after clicking <li> link
Hi guys, I'm very new to all of this so please have mercy on me! Anyways, I've got a <ul> navigation bar set up, here's a live link to that: http://www.chocolateaccents.com/test/yearround.html I'd like to load content into a DIV that would be below the navigation bar after one of the <li> links are clicked for testing purposes the content can just be html but later on I'd like to make it html with PHP How would I go about this? Thanks to anyone willing to help my sad little self.
JQuery Dialog Widget Problems in IE Compatibility Mode
I will preface my post with the caveat that I am a brand-new jQuery user. I am an experienced programmer -- started programming on IBM System/34 in 1985. I have only been doing web-development for the past 5 years -- using the IBM System i as the http server; writing applications for K-12 schools (attendance, grading, etc.). I have fallen in love with jQuery -- it's the closest thing to poetry I have ever come across in the programming world. However, I still have A LOT to learn about it. Anyway
Menu with easing effect
Hello, i want to make a similar menu of the following tutorial : http://www.webstuffshare.com/2012/03/auto-moving-submenu-using-jquery/ My menu is here : www.intergayhiv.com I would like that when your mouse is over, an image appears. Each button has its own image. However my menu shows always the same image (of the first button) at all buttons hover, it does not link the images to their submenus... I use WordPress, i installed the html codes together with the two scripts in the header body : <div
Problem with using radios values on Jquery
for example i have this code in HTML <div> <input type="radio" id="respuesta1" name="respuesta" class="respuesta" value="1"> </div> <div> <input type="radio" id="respuesta2" name="respuesta" class="respuesta" value="2"> </div> <div> <input type="radio" id="respuesta3" name="respuesta" class="respuesta" value="3"> </div> <div> <input type="radio" id="respuesta4" name="respuesta" class="respuesta" value="4"> if i do on Jquery if ($('#respuesta1').is(':checked')) { alert ("1 is checked"); } that is
creating a jqueryui selectable causes Uncaught TypeError: Object [object Object] has no method 'selectable'
I have a ul which I turn into a selectable using: $(".ul01").selectable({ filter: "li", selected: this.li01Selected }); on 'selected', I call a function that creates another selectable: this.li01Selected = function(event, ui){ $(".ul02").selectable({ ... The problem happens when $(".ul02").selectable() is called: "Uncaught TypeError: Object [object Object] has no method 'selectable'" I have tried var x = jQuery.noConflict(); x(".ul02").selectable() but I get the same error. I have checked that
How to do selector
Hello, Im trying to select only "a" tags that have a "img" child. How would I do this? Thank You
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
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,
Next Page