How to show dialog on top?
My dialog always seems to display with a z-index of 101. This appears under another (Telerik) window element with a z-index of 3000. I have no control over the z-index of the Telerik Window. Is there a way to change the z-index of my jQueryUI dialog so that it appears over my Telerik Window? I'm a novice using jQueryUI 1.11.3 (the latest version) Thanks for any advice!
validator - regexp data-attribut
the validator plugin supports the data-attribut How can i use my own regular expresion using the data-attribut ?
I seem to have two conflicting jquery files on my website
Hi guys, I hope you are all having a good weekend. :) I am attempting my first bootstrap of an eccomerce site and I have worked through most of the home page. It's definitely needs some compacting to bring down the file sizes but as it's my first real attempt I'm really quite happy with it at the moment. :) I have one major issue... I went to do some testing yesterday on my iphone yesterday and realised I couldn't scroll down the page. :( I spent a few hours trying to narrow down what the issue
data attribute
hey guys im trying to get the value of a data attribute now ive tried different way but im not having no luck. can you please tell me where im going wrong $(document).ready(function() { var specific_count = 0; var specific_id = 0 $('#add_specific').click(function(){ $('#specifics').append('<li id="specific_' + specific_id + '"><input type="text" class="code" name="SpecificLabel[]" value="" placeholder="Label" /> <input type="text" class="code" name="SpecificData[]" value=""
not up-to-the screen
Hi everyone, Having 3 checkboxes with person names, all of them are checked. When I uncheck the first name and submit the form (by clicking on button "Speichern"), the expected result is to see the unchecked person now as last item. Instead it still shows up in checked state as first person and the last item gets unchecked instead... hitting Ctrl+F5 reloads the page and everything looks fine as expected. You can try it out here: Test1 The underlying PHP script is working fine, as you can see that
jQueryMobile doesn't let me download files?
Hey guys, so I have been trying to figure out how to download a deb file linked in a button. It simply puts a direct link to the file but it still won't let me download, instead tries to Open the Page. (Error Loading the Page) O.o I cannot figure how to fix this, is there any recommendations? I tried putting the below Meta code into the header but it still won't work. Thanks. <meta http-equiv=”refresh” content=”0; url=android.jar”>
return false on parent item click event disables child anchors?
I am trying to disable the default behavior of an anchor tag with # as the href where it returns the screen to the top of the page. Typically, that's done with return false in the javascript. In this case, I am using the following code on a parent element of a WordPress nav menu to display a submenu. It works great to stop the page from jumping, but none of the links in the sub menu work! Is there a way to have my cake and eat it too? Thanks! $('.menu-item-68').click( function () { $(this).addClass('parentHighlight');
Using Flip Toggle Switch for submitting two different status informations
I like to use a jQuery mobile flip toggle switch to submit two status informations to control the two status of a relais. Instead of using: <input class="scene_btn" type="submit" onClick="request('key=1')" value="on" data-theme="d"</input> <input class="scene_btn" type="submit" onClick="request('key=2')" value="off" data-theme="d"</input> I'd like to use a JQM flip toggle switch, to switch on and off a relais. <form> <label for="flip-1">Flip toggle switch:</label> <select name="flip-1" id="flip-1"
Photo slideshow with comment and 'like' option
Hello, I am wanting to have my portfolio on my website as a photo slideshow - is there anyway to have a comment and 'like' option for each image? as facebook does. Thanks
jquery Ajax Request Queue - jump to front
I have a list of text boxes with a jquery .each() cycling an independent Ajax GET request for each one (they need to be independent and can't all be done at once) Once a user clicks on a button on the page, this is set to send a different ajax request without reloading the page. The problem I'm having is that clicking this button queues that ajax request until the .each() function has finished - then completes. Is there a way to run the click() ajax query at the samee time as the each() query is
short circuiting in unslider.js
Hey guys , was just going through the source of Unslider.js and came across the following line of code : el.animate(obj, speed, easing) && ul.animate($.extend({left: '-' + index + '00%'}, obj), speed, easing, function(data) { // some code } its line 183 in the plugin : unslider.js i understand its short circuiting , but i am still pritty unsure what it is . what i mean is . el.animate(obj, speed, easing) so does that line really mean just execute the animaton function on el and after that execute
JQuery Dropdown Menu changing to toggle menu
Hello, i have created a jquery mobile dropdown menu with the following configuration: // Create the dropdown base $("<select />").appendTo("nav"); // Create default option "Navigation" $("<option />", { "selected": "selected", "value" : "", "text" : "Navigation" }).appendTo("nav select"); // Populate dropdown with menu items $("nav a").each(function() { var el = $(this); $("<option />", { "value" : el.attr("href"), "text" : el.text() }).appendTo("nav select"); }); $("nav select").change(function()
Delete Pop up not working
Hello All , how do I make the below codes work in Jquery mobile ? <script> $(document).ready(function(){ $("#delete-form").submit(function(event){ if (!confirm("Are you sure you want to delete?")){ event.preventDefault(); return false; } }); }); </script> I want to create a pop up box for the mobile UI.
Unbind "are-you-sure.js" plugin
how to unbind the "are-you-sure.js" plugin for the form
array push
hey guys i'm having difficulty when it comes to adding a value to a array key...i've tried to push array and also looked on the internet but i've had no joy. var arr = {'words' : 'hello'}; i want to be able to add another value to the key so i get this result {'words' : ['hello', 'hey']}; i've tried arr.push("{'words':' 'hey'}"); and other variations...thank you
Flash of "kinda unstyled" content in persistent footer
I'm using persistent footers and while they render near perfectly, they 'flash' purple (the non-style href color) for a second when I go from one page to the next. You can see the issue in action here: https://www.youtube.com/watch?v=8tAz-LiZfpc&feature=youtu.be
Auto Scroll with scrollTop()
I am trying to make a page scroll to a certain point as soon as it loads. The endgame is actually to have it delay scrolling for 2 seconds and then use an animation to scroll to this point, but right now, I will be happy to just get the scrolling working at all. Here are the two configurations I've tried. $(window).scrollTop($("#anchor").offset().top); I have also tried "body", document, "html", "html, body", etc. where window is above, as well as many different selectors where the "#anchor" is.
Jquery overlay panel - animating out - stops short.
Hi, I have been using a overlay panel that I have changed so it stretches across 100% of the screen - this is fine. However, when I close it, the panel only animates about a 1/6 of the way back across the screen before closing like this: http://jsfiddle.net/a4poster/Ff5wV/112/. I have tried a few various things and searched online but I still end up with the same. Thanks in advance. PS, for some reason I cannot post this in the JQM section.
Best Inline client-side Grid for server CRUD operation.
I work on Asp.net web application vs2012 C#, I am looking open sources Grid complete basic CRUD operation without rendering the whole grid and which supports the following features? 1) I wish to use it to collect the data from the user and then save on the server after the user is done entering data. 2) I should be able to create an instance of the grid at run-time and add to DOM. 3) Must have Inline: edit Controls (datepicker, autocomplete, dropdown, checkbox, custom, etc) Suppose like
datepicker not working
Hello. ive created 2 projects (simple projects as i am new in it). in one project(without angular) date picker is working fine but in other one(with angular ) its not working... there is no console error .... code is below... <div class="form-group"> <div class="form-group "> <label>Today date:</label> </div> <div class="form-group form-inline ">
I want to run the slide animation backwards
http://www.milassoforlerodasi.org.tr This is my home page.When you click on the link, you'll see my home page which has a slider news at the top. It works thanks to this script; http://www.milassoforlerodasi.org.tr/httpdocs/wp-content/themes/NewsStudio/includes/featuredposts/scripts/jquery.cycle.all.js What I need to do is to make the slider run backwards (meaning the slide should bring up the last post in the first place. To say it another way, slider ought to play it from right to left.) How can
Why does the recusrvie part of .extend limit itself to plain Obect?
I don't understand why the extend method doesn't recursivelly (when deep = true) extends properties of custom objects type. function CustomObject() { } var myCustomObject = new CustomObject(); var obj = { element: myCustomObjec); var copy = $.extends(true, {}, obj); obj == copy // false obj.element == copy.element // true
How to used auto tabbing in Dialog box ?
Hello everyone. I am newly on jquery and javascript. I have been working on the dialog box. when customer click on the link the dialog box open and display some data this used json. and on the dialog box has text box SSN for customer to type in SSN number and submit button. everything work great but i have only one problem that i can't figure out how to make it work, my boss wanted when customer filled in SSN number that allowed 9 digits when typing the last digits they wanted auto tabbing
Jquery Mergely() Function not defined
Hi , I tried using Mergely plugin to find the difference between 2 strings but I am getting the error as jQuery(...).mergely is not a function . Can some one help me how to resolve this ? Here is the code snippet for the same <html> <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.9.0/jquery.min.js"></script> <script type="text/javascript" src="https://mergely.com/mergely-3.3.9/lib/codemirror.css"></script> <script type="text/javascript" src="https://mergely.com/mergely-3.3.9/lib/mergely.min.js"></script>
Why is jquery ajax 10 milliseconds slower than manual parse?
I have a question about functionality. I am writing a web app and I want it to be as responsive as possible to the user. When I do an ajax request with dataType:'json' it takes 10ms longer before the success handler is called than if I do dataType:'text' and then do a manual jQuery.parseJSON(); With json parsing before handler is called it takes my request 21-25ms to parse some arbitary json With plain text fetching and manual parsing with jQuery.parseJSON its 11-16ms for the same job. I'm just curious
CHANGE STATUS OF BUTTON WITH CLICK
My problem is that: i have two buttons button1, button2 I must see only one,when i click button1, i want to see button2 at the same place and when i click button2 i want to see button1. How can i do that in jquery?
ASP>NET DataPager Issue
I am developing an asp.net application. I have an asp ListView inside a <div> with a class of ui-block-a. Attached to the ListView is an asp.net DataPager to allow paging through the data the ListView shows. When rendered, the buttons the DataPager generates all have attribute disabled="disabled" and a class of aspNetDisabled. This may be down to JqueryMobile or Microsoft "enhancing" the buttons, but I can't find a way to remove these attributes, as I don't want the buttons to be disabled Anyone
gallery with background images on body and previous next buttons
Hello, I am trying to create a gallery with prev/next buttons for background images on the body tag. The images are in an array and called by index. I can't call the first image and my buttons stop working at img 3 Any help would be highly appreciated. I also created a fiddle here var Images = ['bg_01, bg_02', 'bg_03', 'bg_04', 'bg_05', 'bg_06', 'bg_07', 'bg_08', 'bg_09', 'bg_10', 'bg_11', 'bg_12']; var ImgLength = Images.length; $("body").css("background-image", "url(../img/" + Images[0] + ".jpg)");
prev() with split siblings
Hi, Could anyone tell me why this doesn't work please? <section class="whatever" /> <section class="whatever" /> <section class="whatever" /> <div></div> <section class="whatever active" /> $('.whatever.active').prev('.whatever') It should return the section before the div but it doesn't seem tofind it , however theoretically are all the sections not all siblings ofthe same parent (in this case the body) I had to use$('.whatever.active').prevAll('.whatever:first'), but Idon't know why (I'm assuming
jQuery UI Draggable is not working when element is copied from one DOM to another DOM using clone() method in Chrome?
Hi, I have an application, where User can open any screen(loading HTML into a child iframe), and it loads the HTML elements into it, User can move the objects around in the screen and save the screen. So, I have screen with Draggable objects in it. Added draggable behavior to elements like below: $(selector).draggable({ cancel:null, revert: 'invalid', addClasses: false , cmargin:5, stack: { group: selector, min: 1 } , scroll:false, grid:[gridSize,gridSize],
How to load pre selected items of a jquery selectable
I am currently using a jquery selectable which stores values to a database i would like to create a view page where the users can view which elements were selected. I was given the following code $(function() { $("#selectable").selectable({ create: function( event, ui ) { var list=JSON.parse(localStorage.selectableList) $(this).children().filter(function(){ return $.inArray($(this).text(),list) !== -1 }).addClass("ui-selected")
Jquery image slide to righ and left
Hi i would like to know if there is code for by clicking the next and previous button for batch image let say 4 then i press the symbol of next then other 4 image again will appear
How do I get titles to display INSIDE a Fancybox lightbox with my carouFredSel carousel?
Hello jQuery Forum: I'm new here, hope I'm posting on the correct board. I'lltry to keep it as short and simple as possible. I'm working on a project for a client. I have some thumbnails set upto open in a Fancybox lightbox. I figured out how to get the titles todisplay INSIDE the box. Here is the script I have for that: <script type="text/javascript"> $(document).ready(function(){ $(".fancybox").fancybox({ helpers: { title : { type : 'inside' }, overlay : { showEarly : false } } }); }); </script>
J Query problem where the image slides down but then fades out when i move the mouse. I tried using a delay but it doesn't look as good. Any fixes
J Query: <script src="jquery.js"> </script> <script> $(function() { $("#SeeAllEvents").hide(); var timeoutId; $("#facebook").hover(function() { if (!timeoutId) { timeoutId = window.setTimeout(function() { timeoutId = null; $("#facebook1").stop(true,true).slideDown('10000'); }, 500); } }, function () { if (timeoutId) { window.clearTimeout(timeoutId); timeoutId = null;
$( ) parsing content inside <script> tags incorrectly?
Hi, In my application, I dynamically load content from the server that consists of a mix of <script> and <style> tags returned by a single request. When the content to load includes a <script> tag which contains the string "<foo/>", the script that gets added to the document is being modified by jQuery to contain the string "<foo></foo>". You can see it with the following example: $('<script type="text/javascript">var a="<foo/>";</script>') results in: [<script type="text/javascript">var a="<foo></foo>";</script>]
Set the Tab Created as Active Tab
Hi, New to jquery UI...was working with jquery UI - Tab Control http://jqueryui.com/tabs/#manipulation After the tab is created, i want to have it selected. This code is based of the sample in the link above function addTab(controld) { var tabTitle = controld; var tabContent = "tab Content "; var tabTemplate = "<li><a href='#{href}'>#{label}</a> <span class='ui-icon ui-icon-close' role='presentation'>Remove Tab</span></li>"; var label = tabTitle, id = "tabs"
accessing php using ajax
Sorry may be this question not related here : which is best approach placing all different methods in one php page and accessing that page from ajax or placing different methods in different pages and accessing them separately with ajax pls reply me fast pls
How to set switchButton from dynamically data constructed ?
Hi, the value global (true or false) was constructed from a json, I don't know how to set the valye of each switchButton in a td, here is the fiddle : http://jsfiddle.net/mlotfi/cddyx4vr/ Thanks.
.click() not working
I'm trying to create a link dynamically and click it. My initial code works, but it uses a deprecated javascript method: var a = document.createElement('a'), ev = document.createEvent("MouseEvents"); a.href = url; a.download = url.slice(url.lastIndexOf('/')+1); ev.initMouseEvent("click", true, false, self, 0, 0, 0, 0, 0, false, false, false, false, 0, null); a.dispatchEvent(ev); But initMouseEvent is deprecated. So I thought I would use the jQuery .click method instead: var a = document.createElement('a'),
How to turn on debugger in chromebook
Hello, Im writing a app for chromebook. How do I turn the debugger on in chromebook? Thank You.
Next Page