not execute a click event
Here my code: $(document).ready(function () { $(".verDetalle").click(function () { alert('111'); var widsala = $("#xcombsalas option:selected").val(); var whtml = ''; $.ajax({ method: "post", url: "ajax/a_pallcmapasala.jsp", data: { "xidsala": widsala, "xtypo": 3 } }).done(function (xhtml) { whtml = xhtml;//.responseText; // console.log(whtml); document.getElementById("xtablaDispSalaDetalle").innerHTML
load() function
hey guys im currently using the load() function to load a report form inside a div container...this works beautifully. but how can i detect when form is submitted after form is loaded please? var report_button = $('#report-txt'); report_button.click(function(){ var item_id = $(this).data('item-id'); if (item_id !== null){ $('#report-item-container').load('item/' + item_id + '/report', function() { $(this).show(); });
function called at page ready
I'm not sure if this is a jQuery or a simple javascript question. How can I associate a named function with a button click (or any other jquery event for that matter)? I have two examples, where an anonymous function is defined and assigned to a button, and that example1 works perfectly. The second example I'm trying to define a named function and associate that with the button. In this case, the function executes, and the alert is displayed as soon as the page is loaded, without pressing the button.
problem with drag
HTML <!DOCTYPE html> <html> <head> <title>Problem</title> <link rel="stylesheet" type="text/css" href="jquery-ui.css"> <link rel="stylesheet" type="text/css" href="style.css"> <head> <body> <div id="menu"> <div class="intro"> <div class:"numbers" > <div class="number">0</div> <div class="number">1</div> <div class="number">2</div> <div class="number">3</div> <div class="number">4</div> <div class="number">5</div> <div class="number">6</div> <div class="number">7</div>
How i can made it?
Hi, i want to know how i can create a similar jquery for like this http://www.ciclibrianza.it/bike-builder/ i don't know jquery language, is possible to use some software like dreamweaver or like stuff that for make it in easy way? TNX
How to implement jquery mobile swipe event
Hi, I am developing mobile application and i want to implement swipe event.Here is my code but it is not running. <!doctype html> <html lang="en"> <head> <meta charset="utf-8"> <meta name="viewport" content="width=device-width, initial-scale=1"> <title>swipeleft demo</title> <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.5/css/bootstrap.min.css"> <link rel="stylesheet" href="http://code.jquery.com/mobile/1.4.5/jquery.mobile-1.4.5.min.css"> <script src="http://code.jquery.com/jquery-1.11.3.min.js"></script>
jQuery ZeroClipboard Doesn't work when I have followed the instructions
I have tried the sourcecode from http://www.steamdev.com/zclip/ by applying the file on the internet (http://testtesttesttest.site40.net/index3.html) but doesn't work despite that I have followed the instructions from http://www.steamdev.com/zclip/. I don't retrieve any error message. The function just don't work. I gave a new try by using CDnjs (http://cdnjs.com/libraries/zclip/1.1.1) forhttp://testtesttesttest.site40.net/index4.html but the same problem still existing. I also have tried this code
using flipster and flexislider for my website
Hi there, I have a query for the admin people. I want to use the flipster and flexislider in my website development. I will customise them to my needs. is there any licencing required. if so who should I contact. any email address etc., or can I use them free without informing anyone. thanks and regards
web page editor with jquery or angular js
hi i need this functionality is it possible with jquery or angular or both 1->i have html page with some html design 2->when i click on any html element it must be customizable for its css, text,javascript function etc so that i can change height ,width etc. 3->drag and drop fucntionality for dom elements 4->preview after some cutomization 5->must have save option so that what i have changed it must reflect into css file and in js file and in the content file
Dialog open issue
Hi, My code opens a dialog and assign title attribute, using the open event, to html input tag within the dialog. After closing the dialog (dialog("close")) and re-open it the open event handler/function occur but does not set the attr... How can I make the open function re-assign the title attr the second time the dialog opens ? Code follows - $(function () {
$('#testButton1').click(function () {
var d = $("<div />")
.css({ width: 200, height: 200 })
.html("Testing dialog <input type='text' id='idd' >").dialog({
modal: true,
width: 200,
height: 100,
autoOpen: false,
buttons: {
"Ok": function () {
Best structure
I just build my first more complex plugin that transforms an empty table to an extended data list with edit, filter, sorting, deleting, inserting and more functionality. All works fine and as expected, but on the way i found out that some of my design patterns are not the best for my solution, so i was wondering if there are any articles available about building complex plugins that cover the structure and design of these plugins. I did found some pretty ok articles but they are years old and i was
call back function
HI ALL, Can someone please tell me how a function definition passed as argument to another function in jquery ?? how it works. if you have a look in the below example:- where the function definition is passed as a argument $(document).ready(function(){ $("button").click(function(){ $("p").hide("slow", function(){ alert("The paragraph is now hidden"); }); }); }); Please explain me I am very confused,I am in learning stage. Thank You Very Much,Pratap
The sourcecode of using jQuery ZeroClipboard in my local computer
I have retrieved this code from http://www.steamdev.com/zclip/. When I tried the sourcecode it doesn't work and I cannot find the root problem that I can't use the source code in local computer. Thanks! <!DOCTYPE html> <html> <head> <title></title> <script src="https://code.jquery.com/jquery-1.11.3.min.js"></script> <script type="text/javascript" src="js/jquery.js"></script> <script type="text/javascript" src="js/jquery.zclip.js"></script> </head> <script> $(document).ready(function(){ $('a#copy-description').zclip({
Question on where to place script - works at bottom, does not work at the top.
I have 2 jsfiddles that have the same code, just one places the script at the top of the html and one places the same script at the bottom of the html. http://jsfiddle.net/k1Lxabh1/ <--- script at top, does not work. http://jsfiddle.net/kzm4kasb/ <--- script at bottom, works. So my question is why? I think this has something to do with the onLoad vs onDomready, but I'm not sure. Note if I take the <script> out of the html and place it in the javaScript section of jsfiddle it works--- as long as
With bootstrap panels, the placeholder of jQuery UI sortable is always at the left side
I'm trying to implement sortable bootstrap panels with jQuery UI. But the placeholders keep stay at the left side when dragging the bootstrap panels. Please see my code in http://codepen.io/anon/pen/oXrVVq Thanks. [Edit:] I think the placeholde is to indicate the new position of the moving element. Please see below demo.
Change image extension
Hi, How do you replace an extension of an image on page load? I need to change the gif to png. var domainName = "http://www.domain.com/";
if ((window.location.protocol + "//" + window.location.hostname + "/") == (domainName))
{
//what to do here?
}
Thanks!
Replicating hover for tabbing through navigation
Hey guys, I am working on a new navigation system for a website. The navigation is an unordered list with hidden divs, hovering over the <li> element expands the hidden div and shows the menu. I want the website to be accessible and as such would really love the div to be shown when someone tabs onto the hyperlinks inside the <li> on the main menu. Here is the code which I use to show the hidden div when someone hovers: $('#health_nav_option' ).hover(function() { $('div.dropdown', this).toggle();});
Flotting Logout Button
Can anybody help me to crate a flotting Logout button (possible to move using cursor) using JQ? See the image..
11.4 Download Builder not working.
Hello, Currently if I select 1.11.4 (Stable, for jQuery1.6+), have everything ticked with their default values, don't enter anything into the CSS scope. When loading the index.html in firefox it does not load the CSS correctly, and it seems 2/3 of the files are missing. All I get is: The old one: With the legacy one, the theme is picked up straight away. Additionally the themes folder and demos folder is there as well. Could someone tell me why these are not being provided with the new version?
Jquery dialog with <a>
Here's an example of what I'm trying to tie a dialog to: <div id='dialog' title='Blog Post Viewer'></div> <a href='? $url_data ' onclick='return false' onmousedown=' run_modal ( \" $href \" , \" $url_data \" );'> $link_txt </a> My goal is to be able to run "run_modal", and let it auto populate the dialog box with an ajax request. When I run: $(function() { $( "#dialog" ).dialog({ autoOpen: false }); }); function run_modal( href, url_data ) { $("#dialog").dialog("open"); // alert(href+"="+url_data);
simple button or link
Hi i have very limited knowledge on json, js but im ok with php and html. I have small page where on the index page i want to create a small js or js type link/button. when it is clicked it will execute the php code in a php file which is in the same folder as the index file but without redirecting to another page. ive been searching google for days now and i am no better than when i started you have no idea how much i would appreciate some help with this, i just do not know where to start. thanks
Collapsible minified help?
I'm doing a TODO collapsible view and have some problems 1. Collapsible became short when I put it inside footer - WHY? how to fix to 100% length? 2. rows are so big, I want everything inside minified and remove that huge padding around 3. why collapsible is not aligned vertically with buttons? how can I fix it? 4. I did a grid because I could not fit it regulally. But I want to make it responsive so everything fits and if it does not it floats lower. How do I do that? http://jsfiddle.net/xLvL7cd7/1/
Jquery ajax post over https not working
Hi, My application is hosted on https on port 9002. My ajax calls are successful if I hit button immediately page load. After sometime(say 3-4 min) my ajax call is failing with error "NetworkError: Failed to execute 'send' on 'XMLHttpRequest': Failed to load 'https://localhost:9002/****/***/***", this not because of session timeout. I am testing this in Crome. Please help to understand why it is failing after sometime. Thanks in advance.
Apply blue frame and icon inside of input box
I would like to apply this source code inside of a input(http://www.w3schools.com/tags/tag_input.asp) when you have a input data. When you press the a submit button the data will be transfer to the backend and I dont want the html code to be entered inside of the backend, only the input data for instance "candy". The functionality is existing at Stackoverflows webpage and I have uploadad a picture to understand it clearly. My question is: How should I create it in order to make the input data to
Jquery to Mysql db help
<script type="text/javascript">var x=5;//saati atıyoruz
var yaz="";//en son yazılması için bir değişken tanmlıyoruz
var fark=0;//dakika farkı için bir fark değişkeni tanılıyoruz
var dakika;//dakikayı tanımlıyoruz
var count=0;
var username = "Jeremy";
var lvl = 1;
function say()//fonksiyonu tanımladık
{
var dakika=0;//ilk dakikayı 0 tanımladık
x--;//x den 1 eksiltiyoruz
if(x<10){//x 10dan küçük ise başına 0 kouyoruz 01 tarzında görülsün
yaz="0:0"+x
.value.contains doese'nt works in some browsers.
Hello, I have a form like this: <input type="text" name="url"><br> <input type="submit" value="submit"> and I wrote this jQuery code to prevent submit form if field has a certain value: $(document).ready(function(){ $('input[type="text"').keyup(function(){ if(this.value.contains('text')){ alert('Sorry, we can\'t submit '+this.value+' here!'); $('input[type="submit"]').remove(); } }); }); but it works only in firefox and not works in chrome and IE. see this demo please:
hide all divs and show only one onclick jquery is not working
<script src="https://code.jquery.com/jquery-1.10.2.js"></script> <script> $( document ).ready(function() { $('.items').hide(); $('#clearproducts').show(); }); $(".sushi").click(function(){ $('.items').hide(); $('#sushi').show(); }); </script> <div class="tabs"> <ul> <li><a href="" class="clearproducts"><span>Clear products</span></a></li> <li><a href="" class="sushi"><span>Sushi container</span></a></li> </ul> </div> <div class="items" id="clearproducts">
Copy for Clipboard in Firefox
I have found a source code for copying to clipboard that is fitable for IE: "http://jsfiddle.net/azgugmjb/7/light/" "https://jsfiddle.net/jsLfnnvy/12/" and Chrome: "Copy to Clipboard using Chrome only" But not for Firefox. Do you know any sourcecode for Firefox in relation to copying to clipboard? I DO NOT want to use an extension application or similiar. Sourcecode only! Thanks!
Change height in query string with jQuery
Hello, I'd like to replace the height value in the following query string using jQuery: /GetImage.ashx?w=1200&h=600&f=1&IDMF=1d5f1a45-92ac-40e9-8c8c-dc470ac85e2c so that the url is instead: /GetImage.ashx?w=1200&h=400&f=1&IDMF=1d5f1a45-92ac-40e9-8c8c-dc470ac85e2c I have no access to the html on the site, hence the strange request. Thanks Emma
Problems after post form
hello, i want to check the date in the form. so far it works fine. as soon i press on the submit button and enter a new date, it does not check the date again. what is the reason for that? i don´t see any error in the console? <!DOCTYPE html> <html> <head> <meta name="viewport" content="width=device-width, initial-scale=1"> <link rel="stylesheet" href="http://code.jquery.com/mobile/1.4.5/jquery.mobile-1.4.5.min.css"> <meta name="viewport" content="width=600 user-scalable=no" /> </head> <body> <form
How to move children inside near children?
Hi! I have this HTML... <div class="item"> <div class="image"></div> <span class="titleimg">Title 1</span> </div> <div class="item"> <div class="image"></div> <span class="titleimg">Title 2</span> </div> <div class="item"> <div class="image"></div> <span class="titleimg">Title 3</span> </div>I need to move all <span> to <div class="image"> inside his parents. I knew about appendTo and etc, but I can't invent working construction. :(
How to refresh/reload a child browser tab??
I have to create an application where i would be showing a map on the page. On the initial page the map will be small and as user click on the map, a full map with all the results will be opened in a separate browser tab. What i need to do is, when user change the filter/criteria on the parent tab, the child map tab needs to refreshed with updated results. Is it possible to achieve that using jQuery or java script? Please suggest.
Apply blue frame and icon inside of input box
Based on this code I would like it to add it inside of a input box that contain text. Is it possible to do it? Thanks! "https://jsfiddle.net/n2hbrztj/"
cycle-slideshow
I'm using the cycle plugin from http://malsup.github.io/min/jquery.cycle.all.min.js in http://mjsdisplays.com. Sometimes the page loads blank and the slideshow doesn't start. I would very much appreciate it if someone could point me in the right direction for a fix.
Help with 'heightStyle' in Accordion
Hi, Found the demo below useful for what I want to achieve with an accordion: http://codepen.io/anon/pen/kLbeD However, I'm not getting the expected results from the heightStyle of the content div. My Fork: http://codepen.io/anon/pen/GJbKjW In my version I've just added differing amounts of text to the content divs. I expected 'heightStyle: 'content' to set the height of each div to the height of the content, but it doesn't. Instead, it seems to ignore this and behave as if it were 'heightStyle:
How to do remember choice image.
Hello, I have this for a script to change the images in the background. $(document).ready(function(){ $('#menu').click(function(){ $('#thumb').slideToggle('slow'); }); $('li img').click(function(){ var imgbg = $(this).attr('dir'); $('body').css({backgroundImage: "url("+imgbg+")"}); }); $('#bgimage').click(function(){ $('#thumb').hide(); }); }); It's just that after the change and refresh the page returns to its original state. Let us take to the selected image wyśiwietlał all the time (ie. selection
JQuery mobile 1.4.5 min js not working with Windows Phone 8.1
Hi, I'm developing a windows phone 8.1 app using JQuery, WINJS and backbone. The app is running fine while debugging, but when the app is packaged for release (.appx). The app crashed. upon diagnosis we figured out that window.location is becoming null while the app is installed and when Jquery.mobile.1.4.5.js is loaded. Any idea why is this happening?
Show table row options to the left on hover
I have a table on an app that im creating (DataTables currently), and as you can see below, its rather packed with columns, and unfortunately, all of them are necessary. I wanted to hide the three left columns, Delete/Visibility/Primary, to make more space on the table. But theya re still needed, so I was thinking maybe make it so when you hover over the row, it shows the 3 options to the left of it, making it look like the row is extended or something. Does anyone know how I could do that? Just
Include external js script to load a file from external server
Hello I am using a jQuery plugin which is datatables, and i use it that way : $('table').DataTable( { "ajax": "table.txt"}); This work fine because the file table.txt is located on the same directory as my javascript script in my hosting directory. But because the file table.txt size is important, this will consume me a lot of bandwidth so the idea i have is to host it in an other location for example a CDN or dropbox and then call it, for example like that: $('table').DataTable( { "ajax": "http://dropbox/cdn/445587215/table.txt"});
Simple panel slider
Hi all I have been looking for an extremely simple panel slider plugin for jQuery (to simulate the view sliding you see in smart phone apps), but haven't been able to find one that suits my needs. I therefore have created my own. Concretely, it's a jQuery UI widget, and I would just like to post it here, if anyone has been missing the same simple functionality. Test it out here: https://github.com/alexandrainst/jQuery_panelSlider Comments are very welcome, and I would be happy to tweak it! Regards
Next Page