arto8 modulator
arto8 modulator - Lightweight javascript modulator (size: 998 byte) for preparing javascript code in module style architecture. http://arto8.site11.com/ArtoJS/arto8.php
Block UI not working with swf in Chrome
I am facing issue using BLockUI with swf in my page Overlay is not seen in chrome can any one help plz
Unable to use Zeroclipboard
I am just not able to initialize this plugin. Please Help, I don't know what is wrong. My code looks like this, <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>Untitled Document</title> <script src="http://code.jquery.com/jquery-1.10.1.min.js"></script> <script src="copyToClipBoard/ZeroClipboard.js"></script> <script> $(document).ready(function() { var clientText
transition-duration", "10s" not work in my jquery
i have a code like this, i made that for change a navigation when > 370 $(window).scroll(function () { if ( $(window).scrollTop() > 370 ) { $("#header").css("background", "#34495e", "transition-duration", "10s"); } else { $("#header").css("background", "white", "transition-duration", "10s"); } }); "transition-duration", "10s" not work in my jquery, but another work well. thanks :) i tried that at chromium and firefox
scrollTop(), offset(), or ???
I have a div with a scrollbar. I have a bunch of spans and I would like to use scrollTop() or offset() to get my span to the top. I can get scrollTop( pixels ) to work, but I'm wondering if you can use an ID instead, or am I using the wrong function. <div id="textOne"> <span id="s1">I have a paragraph that is full of spans.</span> <span id="s2">I need to be able to put each span to the top on command.</span> <span id="s3">I don't want them to automatically line up on the left, only
Jquery Media plugin autoplay false not working for mp4 files
I have called the media plugin like this $('.media').media( { width: 480, height: 420, autoplay: false } ); FLV files using mediaplayer.swf don't play automatically as expected, but mp4 files do. I haven't changed anything in jquery.media.js
ajaxStart/ajaxStop issues with non-async requests
Hi, I have a simple plugin (see below) that is used to display a loading spinner when doing ajax stuff. It seems to work fine in Firefox but in IE and Chrome it doesn't work. I use the same plugin in another project and it works fine in Chrome and IE so I'm really stuck with this. According to this thread it is due to the request being not async but I tried it with an async request and it still doesn't work. I'd really appreciate some help with this. Thanks Plugin code: (function($){ $.fn.extend({
json data to button function
Sorry, I'm sort of new to JSON, but I am somewhat familiar with jQuery. I've mainly only used jQuery to manipulate the DOM here and there, but nothing too advanced. I have a working piece of code that pulls data from a web method and puts it into a modal popup using bootstrap 3. What I'm trying to figure out is how to add a button and a function to that button to populate the textboxes on the page with the data when submitted. <script> $(document).ready(function () { // Add
Ajax.ActionLink not canceling action with onBegin and jQuery
I have function that is called in "onBegin" ajax option of ajax.actionlink function cancelAction() { $.ajax({ data: { p: "test", z: "value" }, url: '@Url.Action("DoSomething", "TestCtlr")', type: "GET", dataType: "json", success: function (data) { if (data.do == 0) { // do something } else { alert("error message"); } }, } )} return false; } and ajax.actionlink @Ajax.ActionLink("Click here",//link text "Insert", // action name "Projects", // controller new { poz = item.itemID.ToString() }, // route
Map unordered list to dropdown.
I have Unordered list on button. and I have dropdown with same values. I want to map the values. Whatever I select from ul li . it will display in the dropdown. 1. Slected American airline by clickin on button (its unordered list) 2. I want same value (American Airline) in dropdown automatically. Second box is dropdown. How can I do in jquery? <div class="btn-group"> <button id="add_airline_button" class="btn btn-primary dropdown-toggle" type="button" data-toggle="dropdown"> Add Airline
tabindex for dialogs
I am using several jquery dialogs on one page (using static divs). Each one generally has one or more input fields, a couple of buttons (defined through the dialog API), and the close 'X' button. I notice that the default tab index differs from browser to browser. FireFox is the only one that correctly uses the order that I want; that is, when the dialog div is opened, it starts with the first input field and follows the order defined on the page, ending with the 'X' close button, then looping around
Trying to change select option text on hover
I have a fiddle http://jsfiddle.net/MbJCy/ I want to change the text size on a hover, but I dont think I have the correct selector ...What am I doing wrong? <select id="ID1"> <option value="One Thousand">1000</option> <option value="Two Thousand">2000</option> <option value="Three Thousand">3000</option> <option value="Four Thousand">4000</option> <option value="Five Thousand">5000</option> </select> $("#ID1 option").hover(function () { $(this).css("font-size", "20px"); }); $("#ID1 option").blur(function
how to make button enabled by using jquery
Hello I have disabled all the buttons at my jsf page by using JQuery.Unfortunately, after that process I realized I need some buttons enabled at my screen. Could you please look at below and help me how to enabled buttons by using jQuery? I tried several jquery functions but did not succeed at all. Any help would be appreciated. Best Regards Alper Kopuz This is my JavaScript that I defined at the beginning of the page : <script> jQuery(document).ready(function() { var kaydetBtnEnabled
Question on a jquery function
I'm trying to run a function that executes a spinner while a PHP script is loading and also refreshes a PHP file that counts the number of rows inserted to show the script's progress. This is what I have so far: <script type="text/javascript" language="javascript"> // start spinner on button click $(document).ajaxSend(function(spinner) { $("#spinner").show(); } ); // refresh progress script and output to #content div function updateProgress(){ $('#content').load('progress.php'); } myTimer
Cant use a simple button
<a href="https://www.memo333.com"><button data-role="none">ENTRA A MI SITE!!</button></A> when I click the button and it works BUT....plz check the pic I attached, whats with that error? also...when I enter that page from my mobile, it ask me password...WHY?...how can i make that page public? it ask for the password of my wordpress domain, but I dont get it.
I have a code submit Form. Plz help me fix error
I have code index <script type="text/javascript"> $(document).ready(function() { $("#login").validate({ submitHandler: function(form){ var name = $('#name').attr('value'); $.ajax({ type: "POST", url: "test.php", data: "name="+name, success: function(){ $("#sao").load('test.php'); } }); } }); }); </script> <?php echo '<form action="test.php" method="post" id="login"><input type="text" id="name" /><input type="submit" id="submit" value="nhap" /></form>'; echo '<div id="sao"></div>'; ?>Code test.php
issue with 2.1.0 and ie
details & steps to reproduce: http://forums.asp.net/post/5626631.aspx i'm new here, so sorry if i'm posting in the wrong place. Summary: package id="jQuery" version="2.1.0" targetFramework="net45" /> NuGet 2.1.0 breaks ASP.NET MVC5 applications in vs2013 editions but apparently only for ie. Sorry but i do not know the jQuery community -- i'm reporting this here in the hope that someone (or many someones) can fix this in a timely fashion. FWIW, i realize browser specific issues are substantially
Keep div always in viewport
Hallo I have a Div with a search-form and I want to scroll it till it's on top of the viewport and then keep it there... The HTML-code looks so: <body> <div id="header" style="height: 100px;"><img...></div> <div id="wrapper" style="margin: auto; width: 1000px; position: relative;"> <div id="cont" style="width: 800px;">bla blub foo</div> <div id="suche" style="position: absolute; top: 30px; left: 810px;">...</div> </div> </body>That means when scrolling the div #suche should scroll up max. 100px and
New to jquery, want to add effects n all using jquery in codeignitor ? Can ne 1 help me?
Starting from basic so can you please tell me how to do coding in codeignitor
help fixing the code for datepicker.
Have these two scripts, that work independently but not both in the same time.Please any help how to fix these or replace both. The idea is to disable sundays and the present date with the next two days date. thanks three day not selectable <script type="text/javascript"> $("document").ready(function () { if (!Modernizr.input.placeholder) { makePlaceholders(); } if (!Modernizr.inputtypes.date) { var $dates = $("input[type=date]"); $dates.each(function () { var thisDate = $(this); thisDate.datepicker({
how to get whole JSON data from webservice at once?
I'm trying to get JSON data from my webservice to display it in a data grid editor (developed with jquery) called Handsontable ( http://handsontable.com/ ) Basically my JSON looks like this: [ ["", "2012", "2013", "2014(YTD)"], ["Ferrari", 1460089088.3900001, 1637243070.99, 283566771.55000001], ["Alfa Romeo", 1199141138.1900001, 1224624821.1500001, 192307335.49000001], ] What i want to do is passing the whole json from webservice to initialize the variable called myData in my html file
put 2 jquery in 1 script
if i have jquery 1.1.11 and jquery.time, can i put its together in html form?
No data-transition if anchor href has parameter
Hello. I'm having problem with data-transition in jQuery mobile If I use this code without having "id" parameter in the href : $('#allList').append('<li><a href="#DeadlineDetail" data-transition = "flow" >'+ allDeadline.class +'<br>'+ allDeadline.duedate+' '+ allDeadline.duetime+'<br>'+ allDeadline.description +'</a></li>');The data-transition can work normally But if I add the "id" parameter to the href like this : $('#allList').append('<li><a href="?id='+allDeadline.id+'#DeadlineDetail" data-ajax
jQuery validate - mutually exclusive validation - want to ignore default Message
Hi, I have two text boxes in the page. The validation is either of them should be entered but not both. I have to show error message when the page is submitted either both of them empty or both of them entered. I have this working, but in addition I am getting the default error message saying "Warning: No message defined for <text_control_name>", which I do not want. In fact in the validate method I did not declare any messages but I am using the showErrors() method to show the error message based
Jquery syntax Error
Hi, I am getting below jquery error from my website Timestamp: 4/24/2014 5:02:16 PM Error: Error: Syntax error, unrecognized expression: 'POST' Source File: http://citpl.projectsmanagementsystem.com/js/jquery.min.1.7.1.js Line: 3 Can anybody help me to fix this issue, it was not before, it is just giving this error again and again Thanks Madan
ajax jquery return back call can use again php
//ajax jquery return back call $('#content-itemCat-2a').html(output).show(); //return value output which is 700 <div id="#content-itemCat-2a">700</div> Hi expert here i would like to ask question if i can pass this return value output in div which has an id of #content-itemcat2a in php using array? or i need again to manipulate thru jquery thing
Loader widget's loading message not displayed in JQM1.4.2
I want to programmatically transition from a page to a second page when clicking a button, and I want a loading message to be displayed from the moment the 'transition' event triggers until some time-demanding tasks have been completed (this is why I'm interested in displaying a loading message). These tasks aren't AJAX-related calls. The problem is that the loading message isn't appearing on the page when it is requested to appear once the 'transition' event triggers, and neither it is when requested
Change zoom button (not work!)
Hello friends! Good day! I need your help. This is what I have: http://codepen.io/anon/pen/okGwA I need to change the zoom button: with this effect: My code but does not work: $(".buttonZoom").click(function () { $(this).text(function(i, v){ return v === 'FULLSCREEN' ? 'CLOSE SCREEN' : 'FULLSCREEN' }) });
Issues with configurating Infinite Scroll
Hi! i have trouble making infinite scroll work! I'm talking about this website: http://www.timrodenbroeker.de/bereich/projekte/ I placed this at the bottom of the <head>-Area: <script src="http://www.timrodenbroeker.de/wp-content/themes/trvk/js/jquery-1.11.0.min.js"></script> <script src="http://www.timrodenbroeker.de/wp-content/themes/trvk/js/jquery.infinitescroll.min.js"></script> And this into the beginnig of the <body> (then i changed the selectors.): <script type="text/javascript"> // infinitescroll()
Making typed.js stop after typing the last sentence
Dear community, i use the wonderful typed.js plugin by Matt Boldt for my home page: http://www.timrodenbroeker.de Now everything is fine, just one little thing shall be changed in the behaviour of the script: I want it to wait at the end of typing the last sentence, before it forwards to the projects-page. Do you have an idea how this can be done? Thanx in advance!!! Here's my code: <script src="http://www.timrodenbroeker.de/wp-content/themes/trvk/js/typed.js"></script><script> $(function(){
focus next autocomplete input by ENTER key
Good day to everyone, I'm trying to set up focus on next autocomplete input field by pressing ENTER or NUM ENTER keys on previous one. Had found this code in ''jquery-ui.js'' case keyCode.ENTER: if ( this.menu.active ) { suppressKeyPress = true; event.preventDefault(); this.menu.select( event ); } break; case keyCode.NUMPAD_ENTER: // when menu is open and has focus if ( this.menu.active ) { // #6055 - Opera still allows the keypress to occur // which causes forms to submit suppressKeyPress = true;
Como criar um slider jquery automático para qualquer resolução e com controles..
Saudações pessoal.. Preciso de ajuda pessoal em criar um slider em jquery automático e com controles,não tenho muito conhecimento em jquery,já olhei pela internet exemplos,mais são um pouco complexos,e o slider vai ocupar a width 100% do site. Na verdade eu modifiquei um slider CarouselLite,mais não consigo deixar ele com width 100%,gostaria que tivesse 4 imagens por vez e que cada imagem tivesse um link ao passar o mouse. Se alguém puder me ajudar,desde já agradeço.. Att, Alex..
Autocomplete ALMOST working on bootstrap theme
Hi everybody i'm ripping my head out over integrating jquery UI in a bootstrap theme. i simply want to use the Input elements of jquery UI in some places. all the elements i need are working, but not the dropdown/autocomplete http://codepage.net/test3/?page_id=2 the dropdown button is missing. otherwise it seems to working fine. removing the bootstrap.min.js' on the bottom of the page gets rid of the problem (of course, that's no solution). any idea on how to get this control working? it seems
when to use iteration?
$(document).ready(function() { $('div.chapter a').attr({ rel: 'external', title: $(this).text()； }, }); This code is wrong, because $(this).text() could not grab the correct content, but I do not know why. Jquery is implicit iteration, so the attr() method will run for each matched <a>. then why $(this).text() could not get the content of each <a>?
Any way to Have a Custom Horizontal scroll bar for dataTables
Hi all, I am looking for a better way to manage jquery dataTables without having horizontal scroll bar.I am looking a way to have the first column and the header freezed and on clicking a arrow button, i expect the columns to scroll . Any help and suggestion is highly appreciated.
How to create an array from a url
Im using the split("&") but it quits after the first occurrence.
Jquery Ui Widget dialog with wicket
Hi, I am using wicket message dialog box, which is a jquery ui widget dialog. I want to close the dialog box , when user clicks on "confirm button. Even if the operation takes time, the dialog box must close. When I press "Cancel" dialog box closes immedialtely, but when I click "confirm", and the operation takes longer , then the dialog box is still open. I don't want this behanvior, I am doing something like this: final MessageDialogAjaxBehavior confirmDialog = new MessageDialogAjaxBehavior("confirmDialog",
Form validation - won't hide DIV which contains two empy inputs
Hi all, Thanks to those who helped me out with using .submit() in my last post, this place is great when I get to the point of staring into the abyss thinking there's no solution in sight. I've spent the last 2 hours on another problem which I hope you can help with, probably very simple but reading the code, this should do what I want, but it doesn't. I have 10x rows of text inputs - each row contains 2x text inputs. I call each row a "pair" (pair of text inputs). I know I didn't need to use the
jQuery Conditional Statement Question
What am I doing wrong? I have a div that I want to show based on what the user selects on a previous page. The values are being passed from page to page using PHP. The div is still hidden even when the user selects "Yes" option. jQuery(document).ready(function(){ jQuery('#GoBack').click(function(){ parent.history.back(); return false; }); //var t = '<?php echo $TransferOwnership; ?>'; //if (t == "Yes") jQuery('#NewOwnerInfo').show(); //else jQuery('#NewOwnerInfo').hide();
.submit() not working
Hi all, I'm hitting a roadblock in validating my form with PHP so have attempted to use jQuery which I understand... better. I hoped! .submit() doesn't run the script, nor does it prevent the form being submitted to the PHP. However, if I use .click in place of .submit, the script runs. I've bounced in and out of Google and people are saying wrap the function inside document.ready, which I have. They've also said make sure none of the name attributes are called "submit". They aren't... what now!!
Next Page