ultra simple code: why is not popping the alert window?
I click on an 'a' link tag and the value does get passed to the var selectedlanguage, but then continuing down the code, the "alert" does not pop when supposedly returning from the Controller. Looks like it does not get this far. <script> $(document).ready(function(){ $('.choose-language').on('click', function() { var selectedlanguage = $(this).data('value'); $url = '{{URL::route('languagechooser')}}'; $.post($url,
From html <a tag to ajax and from ajax to a controller, but no value being passed
Hello I have been trying around elsewhere, and although they tried their very best, it still is not working, and we dont know why. It is about clicking on a link, passing that value to the Ajax code and that Ajax forwards it to a Controller. But when I var_dump to see what the Controller gets, it just shows NULL. <li class="dropdown"> <a href="#" class="dropdown-toggle" data-toggle="dropdown">Select your Language<b class="caret"></b></a> <ul class="dropdown-menu"> <li><a href="{{URL::route('language')}}"
I would like to return many values at the same time using jQuery
$('#departement').ready(function () { for (var i = 0; i <= tab.length()-1 ; i++) { return "<option>"+tab[i]"</option>"; }; }).append('select') Greetings, I would need help, because i can't actually do this: My elements are in an Array, and i would like to append them to the <select> tag. And i would also need to know if i am using correctly the .ready() function. Thanks in advance
Can't remove style with Jquery
Hi Guys, I'm trying to figure out how to create a responsive menu here: http://framework.c4242423.myzen.co.uk/ I've been using this tutorial: http://www.hongkiat.com/blog/responsive-web-nav/ It all works apart from one bit which I cannot figure out... When you resize the browser and expand the menu, and then hide the menu, the <ul> has display:none applied. The idea is that if the window is then expanded, some script removes that style: $(window).resize(function(){ var w = $(window).width();
Do I need a loop?
I am creating a one page WordPress website and I am having trouble with some jquery. I have several pages and maybe several more that need to have a custom scrollbar on the page. I have the scrollbar working great. All I have to do is create a div, give it the class of scroll and I am in business. My problem is that if a new page is created and the content of that page isn't greater than the default height of the div which is 400px, then the scrollbar still shows on the page. So I thought I would
I have A Dropdown box and Input Box I want one event (blur dropdown or Input box) and do conditional check
Dear All I have A Dropdown box and Input Box I want one event (blur dropdown or Input box) and do conditional check I tried ($("#surnameid"),$("#newsurnamed" )).blur(function() { ..... Also ($("#surnameid") || $("#newsurnamed" )).blur(function() { but works only for $("#surnameid") Indeed we can use separately like $("#surnameid").blur(function() { .....do something here $("#newsurname").blur(function() { .....do something here <tr> <td width="53%" class="text11"> <select name=surnameid id=surnameid>
Can't get any image slider to work with jquery.mobile
I've tried nearly every slider I can find, and none of them will work properly with jquery.mobile. Currently, I'm trying to get jquery.excoloSlider to work. The problem is, when I go to the page with the slider, it doesn't show. If I refresh the page, it shows and works. But when I go back to page one and start over, same thing happens. It's pretty much the same with any slider. Other sliders I've tried include Photoswipe, Swiper, Swipe, wmuSlider, Glide and others. I've tried combing through the
Get Android menu button to work while in app?
How can we engage the Android phone's menu button? In other apps, I've noticed you can press the menu button and have some options.
How can I set up an exit to close the app?
What's the best way to let the user close the app? I saw an example of an exit popup screen in the documentation, but there must be more to it than just the popup. Does some script have to be added somewhere? When I try backing out of my app, it just brings up the splash screen and then the app comes back on. Thanks for any help.
Font issue question with ThemeRoller
I am using Google Fonts, and I use 'PT Sans' as the font name to reference it. Needless to say, this is a custom font, and ThemeRoller would not know about it. So what I did was I configured the look and feel of my Datepicker through ThemeRoller with Verdana as the default font, downloaded the custom build. I then went to jquery-ui.css and changed two instances of Verdana in it to 'PT Sans'. My problem is that although the font did change, it didn't change to 'PT Sans'. I know it's not because the
click instead of hover
hallo, i have a hover function that works and i want to change it with a click function...it does not work with mouseou, why? <script type="text/javascript"> $(document).ready(function(){ $('#div').hover(function(){ $('#div2').fadeIn(1000); $('#div1').fadeOut(1000); },function(){ $('#div2').fadeOut(1000); $('#div1').fadeIn(1000); }) }); </script> changed like this: <script type="text/javascript"> $(document).mousedown(function(){ $('#div').hover(function(){
$.getJSON sans réponse
Bonjour, J'ai adapté cet exemple sur internet : Code HTML : <!DOCTYPE html> <html xmlns=" http://www.w3.org/1999/xhtml "> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>Request json test</title> <script src="jquery-2.1.4.min.js"></script> </head> <body> <a href="#" id="getdata-button">Get JSON Data</a> <div id="showdata"></div> <script> $(document).ready(function(){ //attach a jQuery live event to the button $('#getdata-button').live('click', function(){
JQuery UI - which event is launched after loading of JQuery UI Tabs?
Hello, I am a beginner, just started using JQuery UI Tabs - they are located in an iframe. I have 3 tabs and after load of page with them I call javascript, which adjusts the height of the frame. However, this adjusts the height of the page according to the 1st (selected) Tab. Second Tab has more content and when I click to it, size of the page is not adjusted. My question is - which event should I call when I want to recalculate the height of the page after loading of each Tab content? Tried "onclick"
Modal Dialog Titlebar not sizing properly
So I just installed jQuery UI 1.11.4 alongside jQuery 2.1.4 (and before you ask, I tried it with 1.11.3 and got the same problem), and I made a modal dialog triggered by a button, but with the default settings of everything, the titlebar doesn't span the width of the dialog, as seen here: It's not supposed to be doing that, is it? The jQUI live demos certainly don't do that. Is there something I'm missing in generation? Here's my dialog code: weaponDialog = $('#weaponDialog').dialog({
Sortable - prevent placement at the last row
I have a list, with the last item being an "add item" button. I can prevent it from being sortable by setting `cancel: ".btn-add"`, but that doesn't prevent items from being placed *after* the add button. I could replace the add button at the end of each sorting operation, but the user will still get wrong feedback during sorting. Is there any way to prevent this, other than creating an extra container for the actual list so that it doesn't contain the add button?
Opening a mobile app, I get an alert("Object Error")
Hi Guys, Can anybody shed some light on why I get an object error on certain devices when I open the app we have been developing? It also does not happen every single time you open the app but randomly and also not all devices experience this when opening the app. Any thoughts?
jquery mobile pageinit not firing after changepage event
I'm trying to navigate to a different .html page using I have got two HTML Pages namely one.html and second.htmml On click of button button under one.html , i am calling second.html as shown below function callPage () { $(':mobile-pagecontainer').pagecontainer('change', 'second.html', { transition: 'slide', changeHash: false, reverse: true, showLoadMsg: true }); } second.html $( document ).on( "pageinit", "#homedeliverypage",
Set min-height data-role="page"
I noticed that although I have a very small content, the height of the page is always 333px. you can set it? <div data-role="page" data-url="/Login_prova.aspx" tabindex="0" class="ui-page ui-page-theme-a ui-page-active" style="min-height: 333px;"> I work with small screens and 333px are too many. what is the best practice to change it?
Unable choosing certain dates
Hi, I'm currently using a 1.9.2 widget on my store. {{ 'http://code.jquery.com/ui/1.9.2/themes/base/jquery-ui.css' | stylesheet_tag }} {{ '//ajax.googleapis.com/ajax/libs/jqueryui/1.9.2/jquery-ui.min.js' | script_tag }} <div style="width:300px; clear:both;"> <p> <label for="date">Pick a delivery date at least 3 weeks ahead your arrival:</label> <input id="date" type="text" name="attributes[date]" value="{{ cart.attributes.date }}"class="required"/> </p> </div> <script> jQuery(function()
Cycle2: prevent manual transition until images loaded
Hi, from what i can see on Cycle2, I'm not sure it is possible to stop the "next" slide appearing until it has loaded. I know it does this in "auto" mode, but on the "Manual" example, a blank image slides across and then loads. What I want to do is show the preloader on top of the current slide, load the images from the next slide, and *then* transition across on completion of image loading anybody have a solution please I'm assuming you might be able to hook into "cycle-before" and somehow stop
Is there any way using jquery to detect multiple keyboards/keypads/mice on single/one computer?
Hi all, anyone can help me? i have plan to create a web base app, like a sport judging app. it is the live scoring system that need more than one keypad for judge to input scores. how can i detect the correct keypad's input to the correct judge's ID on database. in easy word: judge number 1 pressed his keypad, and system should input given score to the database on judge number 1's field. i hope jquery can handle this. if anyone know and can help me to figure it out, i appreciate it very much. Thank
$.Post jquery.1.3.2 vs jquery 1.6.2 ActionrResult receive params with null - Please help me.
Hi all, I have a web project with c# .net vs2008, mvc 2.0, framework 3.5, nhibernate and jquery librarys. In the solution, normally i use a jquery version 1.3.2 to do a post, and controller receive params correctly. Now, i have a new form that i need to use a new version of jquery (1.6.2) but now when i do the post action, the controller receive the parameters with null value. I debugged the javascript, and from jquery function, the object have all values correctly, but after call to the controller,
jQuery mobile panel doesn't close fully only on Android browser
<!DOCTYPE html> <html> <head> <meta name="viewport" content="width=device-width, initial-scale=1"> <link href="http://code.jquery.com/mobile/1.4.5/jquery.mobile-1.4.5.css" rel="stylesheet"/> <script src="https://code.jquery.com/jquery-2.1.4.js"></script> <script src="http://code.jquery.com/mobile/1.4.5/jquery.mobile-1.4.5.js"></script> </head> <body> <div data-role="page"> <div data-role="header" data-position="fixed" > <h1>Test Page</h1> <div data-type="horizontal"
When I open the app I get an object error
Hi Guys, Can anybody shed some light on why I get an object error on certain devices when I open the app? It also does not happen every single time you open the app but randomly and also not all devices experience this when opening the app. Any thoughts?
Jquery
Hello All, http://www.jqueryscript.net/demo/Drag-Drop-File-Upload-Dialog-with-jQuery-Bootstrap/ Can we get the above link functionality on page load instead of button click popup? Thanks Please help how to
Disable JQM styling? Text-shadow problems...
JQM is modifying a lot of elements: background, link shadows etc. I've added: <script> $(document).on('mobileinit', function () { $.mobile.ignoreContentEnabled = true; }); </script> And data-enhance="false" to my wrapper. But it still drops shadows under my menu items... How do I fully disable JQM besides for the elements I need it for?
JQM, scrolling to the top of content element from a page transition?
Using a single HTML file with multiple JQM pages is there a way on transition that I can scroll/revert back to the top of the content element when that page is transitioned too instead of the position it had left prior to the transition taking place? Thanks. PS, Apology if this is in the wrong forum (could see JQM in the options).
[ASK] How validate textarea if any code in values?
How validate textarea if any codes like php, jquery, html ..etc I usually use this , for validate if textarea empty? var txtcontent = jQuery.trim($("form textarea[name='txtcontent']").val()); // email field if(txtcontent == "") { $("span.txtcontent_val").html("fields empty."); val_holder = 1; } so why if any code in textarea and i want replace with <blockquote>..code...</blockquote> Thanks
what exactly does csstransforms3d , csstransforms and csstransitions consists of ?
hey guys i was just going through the source of a plugin that uses alot of CSS-3 transforms and internally it uses modernizer to detect features , like so : this.support3d = Modernizr.csstransforms3d; this.support2d = Modernizr.csstransforms; this.supportTrans = Modernizr.csstransitions; if you know through the modernizer documentation , here. now what i would like to ask is what CSS properties exclusively come under : csstransforms3d ? what CSS properties exclusively come under : csstransforms
How to retrieve Parameters passed through Jquery Mobile ChnagePage
On click of a Button , i am redirecting to a page known as qrcode.html as shown below $(document).on('click', '.qrcode', function() { $.mobile.changePage("qrcode.html?UUID="+uuid+'&cust_id='+cust_id); }); This is redirecting to the qrcode.html page , where i am trying to fetch the parameters as shown Inside qrcode.html page $( document ).on( "pageinit", "#homedeliverypage", function( event ) { var UUID = getParameterByName('UUID'); var cust_id = getParameterByName('cust_id');
sliderstop event.
I was trying to get the change event on a slider to work and it would not file. I googled sliders and found sliderstop on stackoverflow and it works fine. I am using 1.4.5 and in the docs for that version, sliderstop does not exist. I did find sliderstop in 1.2 docs. Has that event been discontinued? If so, is there another event that I should be using? Thanks.
Ajax with css content as data
When I post a simple data with ajax to the server it works fine. Now I need to post some css content and I want the Php code in the server to create and write this code into the created file. So actually I need help on both sides: How to post and how to treat it in the Php. Can someone direct me how to do it? Regards I. lesher
reducing all js file request to one js file .
hey guys i was just checking my page speed over at google pagespeed here. and came to know that for each js file ofcourse there is an additonal request send , now apart from concatinating all the js files into one to reduce the number of request , is there any other way , plugin etc that can be used to reduce the number of request of all my js files to one request ? is there a way to do that ? i know this question is more appropriate for a webmaster forum , but i taught it would have a js solution
Timing Issue ?
At least I think it is a timing issue but I could be wrong. I have a web page that loads an Ordnance Survey (UK) map into a window and then needs to add a series of overlays containing my own data. The overlays do not always load with one or all 'missing' when the page is loaded. The situation is worsened when the page is refreshed. And which overlay file(s) is missed seems to vary randomly. <body onLoad="initialiseMap()"> triggers the sequence and the following code forms a part of that sequence:
Beginner trying to get first command to work
trying to get this simple .html command to change the text in the button from "it's a button" to "my button" like this guy does in this tutorial https://youtu.be/G-POtu9J-m4?t=24s except it's not working for me. I have jquery-1.11.3 in the same folder that my index.html is in. I don't know what could be wrong. <!doctype html> <!--[if lt IE 7]> <html class="no-js lt-ie9 lt-ie8 lt-ie7" lang=""> <![endif]--> <!--[if IE 7]> <html class="no-js lt-ie9 lt-ie8" lang=""> <![endif]--> <!--[if
Validating file input array by using jquery validator
How to validate file input array by using following code <td><input id="idprof" name="idprof[]" class="idprof" type="file"></td> var v= $('#docs_upload').validate({ errorPlacement: $.noop, rules: { }, invalidHandler: function(form, validator) { var errors = validator.numberOfInvalids(); if (errors) { validator.errorList[0].element.focus(); $("span").html(errorList[0].message);
problem on adding a new function
Hello, I am using OpenCart. I added this code to make image of product fly to cart when user click on add to cart button: $('.buttonm').on('click', function () { var cart = $('#cart'); var imgtodrag = $(this).parent('.item').find("img").eq(0); if (imgtodrag) { var imgclone = imgtodrag.clone() .offset({ top: imgtodrag.offset().top, left: imgtodrag.offset().left }) .css({
Variables not updating?
From what I have read, my variables should be dumping their data and getting new data when I call the function again. I cannot figure out why my code isn't doing this though. When the page first loads everything seems to be working. The function runs, and it grabs the price/qty. When I click .switcher-label, or any of the other elements listed below it doesn't change the variables though. They just stay the exact same as they were when the page first loaded. I have no idea what is going on here,
How can you embed jquery variable inside a href
Hi, Im trying to create a href tag with the prod-id and qty that the user entered. $(document).ready(function () { $('#qty1').blur(function() { var qqq = $('#qty1').val(); }); }); Input field <input type="text" name="qty1" id="qty1" autocomplete="off"> Id is part of a class... and contains the product code $product1->id The a href thats not working.. it must contain the Id and qty <a href=\"index123.php?qty1=" . javascript:(function(){$('#qty1').val();}."&prodid="
How can i give space between navbar fixed with div
Hello Guys i'm creating website that has feature one page, i have been figure it and succesfully scroll and fixed the nav bar, but now i face problem that when i click the href page scroll go away not as wish, i mean in this issue my page go the top it make not good looking for user, My wish now how can i give some space or height between my navbar and div, Thanks http://sharethingz.com/js-jquery/jquery-smooth-scrolling-to-an-element-on-page/ http://stackoverflow.com/questions/14667829/how-to-create-a-sticky-navigation-bar-that-becomes-fixed-to-the-top-after-scroll
Next Page