Foldable Navbar
Hey Guys i have a vertical navigation like this Js Fiddle I want it to be folded link this Icon and when the user clicks on the icon , the vertical menu must appear . i guess i will have to use some JS and CSS . can somebody give me a rough idea of what i will have to do ?
Can't set up Real-Time Validation in form...
Hello everybody, I have a little problem with real-time validation in my form. jQuery event doesn't work in "select" drop-down. I use special stylized drop-down and it seems that there is some conflict... When I use default style, works great (I have included sample alert for check if it's working - click on iPad to see effect): $('#select').on('click', function() { if($('#select').val()=='iPad'){ alert('Alert!!!'); $('#select').val('Choice'); return
Session cookie
Hi Experts, I have a requirement to create a cookie and its expiry time is until when the browser is closed. Once again when i open the browser, it should not be available. Can you please recommend your suggestions? Have a nice day! Thanks, Sathya
This may not be the proper forum for my question.
So could somebody please point me in the right direction. I am looking for guidance on developing a multiplayer card game that runs on the web.
My app is not working offline
I need a script to run my app offline
Toggling action attribute hides the button
I have this button that is toggling an action attribute $( "#le_qd").click(function() { $('#le_qd').toggle(function () { $('#Aktion').attr('action', '<?php echo base_url('index.php/enterprise/send_in_advanced_mode'); ?>'); }, function () { $('#Aktion').attr('action', '<?php echo base_url('index.php/enterprise/send_in_easy_mode'); ?>'); }); }); this works but hides the button `#le_qd`
is there anything wrong here?
<style rel="stylesheet" type='text/css' href="style.css"></style> it is in the allFours.html file in the <head> tags. also <script type='text/javascript' src='allFours.js'></script> please help.
Jquery won't check if my checkboxes are checked
Hey Guys. I wrote a script below to see if the checkboxes are checked or not. This is a quick and dirty example I have. The actual code I will be implementing this to is more dynamic. The code below is supposed to bring back true or false based on what if the checkboxs has been checked or not. But for some weird reason its just bringing back false twice. It should be returning true, false on the console.log Any help would be very much appreciated. Thanks!!! Here is the link to my JS Fiddle http://jsfiddle.net/eldan88/jr6tfknh/
How do I get result-light.css referenced in jsfiddle
<link rel="stylesheet" type="text/css" href="/css/result-light.css">
How to fetch data from xml file dynamically using jquery!
Hii everyone.. i have 3 different xml files with different data. i want to fetch them using jquery. when i pass name of the xml file jquery method should display it's in a table.. i must have a single jquery method. (fetching xml data dynamically) i have tried many ways but couldn't succeded Thanks and Regards... Ravindra.
make my menu stay at the top of the browser except on mobile devices (i.e #header below 400px)
Using http://stickyjs.com/ I am trying to make my menu stay at the top of the browser except on mobile devices (i.e #header below 400px), this is my code which isn't throwing up any errors when i check is JSHint, but at the same time isn't working $(document).ready(function () { if ($('#header').width() > 400) { $("#menu").sticky({ topSpacing: 0 }); } }); $(document).ready(main); Could really use some help if anyone has an idea?
How to apply colors for individual sticky like windows7 sticky notes
Hello Everyone, Please checkout this fiddle once & suggest. http://jsfiddle.net/Satish_Chandragiri/bk1ny4j2/2/ here i can able to apply single color to each sticky notes. But my requirement is i need to apply various colors for each sticky like windows 7 sticky notes. i.e on right click of each sticky, it'll show different colors that can apply to the sticky notes. how can i achieve this. any reference would be Thankful. Thanks in Advance Satish Chandragiri
Problem in validation of 2 textboxes
i Dear i'm not able to get the value of description here. i need to know am i missing something. $(".numeric").live("change", function (e) { $('.numeric').each(function (i, item) { if (isNaN(parseInt($(item).val()))) { } else { var amount = parseInt($(item).val()); $('.Descrpt').each(function (ander, itema) { var discription = parseInt($(this).val()); // <No Value here>
Wait JSON response inside a FOREACH
Hello, I have a doubt regarding how to show JSON reponse inside a FOREACH, what is happening is that FOREACH is not waiting the necesary time to get the response form JSON. I was searching some info. and I could find out that I can use queue or async.foreach but is not working for me (or maybe I'm not implementing it correctly) The issue maybe could be because I'm using JSON inside a function (function getTotal(idProcess,day)). [CODE] function getProcesos ( e ){ //Realizo un proceso de obtención de datos con JSON
How can I Remove Place holders with My content (Give me the code plz)
Using jQuery, Please provide code that will remove placeholders: <div class="class-replace"> <p> <a href="http://[SITE].com">[NAME]</a> © [START]-[CURRENT]. All rights reserved </p> </div> and replace it with content on page load: <div class="copyright"> <p> <a href="http://foobar.com">FOObar</a> © 2011-2013. All rights reserved </p> </div>
Redirect after confirmation
Hi, I have two forms the will be sent with one button, it gives an alert box if the form has been sent. Was wondering, how do I redirect the user after successful submission and after showing the alert messages? <script type="text/javascript"> $(document).ready(function () { $("#submit_form").click(function () { $.post($("#form1").attr("action"), $("#form1").serialize(), function () { alert('Form 1 submitted');
How to Clone Existing Items Into Circular Slider On Beginning and End
Can you please take a look at This Demo let me know how I can clone items into the ul to make a Circular Slider list. as you can see I have this list as following code but I need to clone first item (left slide) or last item (right slide) at beginning and end of the list. var item = $(".thumbnail").width(); var paddT = $(".thumbnail").css('margin-left'); item = item + 20; $(".leftslide").on("click", function () { $(".list-inline").animate({ left: '-=' + item + 'px' }, 300);
Issue on Using complte and done Events on loading Content After Loading Indicator
Can you please take a look at This Demo and let me know why I am not able to load new content to the #result on .done() event. Basically what I want to do is 1- Send a Request to server to load Some data 2- Load loading indicator Until getting all Data (which I used beforeSend and complete here) 3- Apply data processing in .done() but for what ever reason which I cant figure it out the .done() is not functioning! $("#change").on("click", function () { var req = $.ajax({ type:
Cookie default expire time?
Hello I use cookies with jquery: $.cookie("DataLength", valLength); How long does this cookie life? How long is the expire date without setting a specific value for expire day? best regards Hawk
How to maintain stickys information into database?
Hello Everyone, Please checkout this fiddle once & suggest. http://jsfiddle.net/Satish_Chandragiri/bk1ny4j2/2/ here whenever user login to my site, he can get the notifications in marquee format. if he clicks on particular notification it'll added as sticky on the webpage. here i can apply only single color for every sticky. my requirement is i want to apply multiple colors for every sticky & store them into database table. user can remove unwanted stickys. And whenever he came back to the
function(){} breaks my code entirely when using $.Deferred()
I've spent a day on this problem, and I've generated a totally custom JSFiddle so you can regenerate the bug yourself. I really think this is a bug, otherwise, please let me know what I'm doing wrong. Here is the JSFiddle: http://jsfiddle.net/qwb0de9v/ I've also included instructions: Please uncomment rule number 14 and number 16, and see the result change entirely. This is one of the strangest bugs I've ever encountered.
remove() tag script asynchronus non remove events in js.
Regards for all. My story is this. In a head on html5 page, there is an script tag with jquery "on click events", like this: <head> <script src="js/jquery.min.js"></script> <script src="js/jquery-ui.min.js"></script> <script src='js/main.js' class="fnjq"></script> </head> the file main.js: $(document).on('click','#btnsecc',function(event) { alert('has press the button btnsecc'); }); with a button remove the tag script for main.js: $(document).on('click','#producto',function(event)
Add an HTML
Hi, I have script that would change the value of the textarea upon changing the value of the select. But my question is, how can I add an HTML formatting for the text value? <select onchange='updateTextBox(this.value)'> <option value="Please Select">Please Select</option> <option value="1">1</option> <option value="2">2</option> <option value="3">3</option> </select> <textarea class="validate[required]" name="texts"></textarea> function updateTextBox(val) { if(val == "1") { document.forms['myform'].elements['texts'].value
How do I get a value from my Ajax request ?
I have read about how to get a response from an Ajax request but I just can't seem to get it. I try to work with the value before it's back from the server so I get an undefined value. In my page I create a vacationDayRequested object and assign it to a variable called vdr. var vdr = new vacationDayRequested(requestedDate, clockNo); alert(vdr.Selectable)My vacationDayRequested object is defined like this: function vacationDayRequested(_requestedDate,_clockNo) { this.status =
Getting height from div using JQuery
I have two divs. One is populated by a checkbox input and some wrapped text. The other is empty. I wanted to set the height for the second div to equal the first div. This seemed quite easy to me. Merely $('#divBlankReqNum').height($('#div' + lastReqID.toString()).height()); When this didn't work I entered this code var heightValue = $('#div' + lastReqID.toString()).height(); alert(heightValue); $('#divBlankReqNum').height(heightValue); var heightValue = $('#divBlankReqNum').height(); alert(heightValue);
How to add cross-domain Cors header
Hello, Please dont get mad at me. Im trying to figure out a problem Im getting that I know nothing about. Im getting an error : Origin http://xxx.xxx.xxx.xxx:xxx not found in Access-Control-Allow-Origin header. XMLHttpRequest: Network Error 0x80070005, Access is denied. Ive been studying CORS and know what needs to be done. But this is a 3rd party script and I cant modify the script. (src=http\\yadayadayada) Is there way in jQuery where I can add the Origin header that will allow the cross-domain
JQuery & Grouping XML
Hi all, I have the following XML: <?xml version="1.0" encoding="utf-8"?> <soap:Envelope xmlns:soap="http://schemas.xmlsoap.org/soap/envelope/" xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance" xmlns:xsd="http://www.w3.org/2001/XMLSchema"> <soap:Body> <GetUserLinksResponse xmlns="http://microsoft.com/webservices/SharePointPortalServer/UserProfileService"> <GetUserLinksResult> <QuickLinkData> <Name>Some Team Room</Name> <Group>My Team Rooms</Group> <Privacy>Public</Privacy> <Url>http://www.somewhere.com</Url>
Non-Fluid Animation
Hi, I have a problem with my jQueryUI code, the animation is not fluid. When the code below is placed into my page, the animation is jerky ? $(".reachme a").unbind().click(function(event) { event.preventDefault(); $("#reachme").css("top", "900px"); $("#reachme").animate({top: '400px', height: '750px'}, { duration:'3000', easing: 'easeInOutBounce' }); });
animate {'height': 'toggle'}
hi, I display a non-displayed list-element (display:none ) with animate({'height': 'toggle'}). that works nice so far, but I use the animate-enhanced plugin, what converts animations automatically into CSS transitions. And the plugin can't convert my animation because of the toggle-keyword. Would it be possible to write the functionality of the toggle-keyword without using toggle? It seems like toggle induces s.t. doing before the animation starts an s.t. after it ends. but what? best, heinetz
How to generate data in $.ajax success so it can be passed to Deferred .done() ?
Hypothetical situation: I want to poll 5 newssites, where each news sites returns a differently builded JSON-response. I use 1 object per website. So for example, in CNN.js I have a method grabNews which is a $.ajax() request. In its success method, I check the JSON response ( data ) and I want to grab only the information that I'm interested in ( # of articles from today ). I have the same method in my CNBC.js In another more generic JS file, I have an object named objNewssite which can contain
jQuery, AJAX and PhoneGap (oh, my!)
I am developing my first (production) PhoneGap app. I'm using jQuery 1.10.2. According to the jQuery doc:"As of jQuery 1.8, the .ajaxComplete() method should only be attached to document." In my prototype page, I did just that and attached the handlers to $(document). $(document).ajaxSend(function (data, hdr, settings) { // stuff }).ajaxComplete(function (ev, req, options) { // stuff }).ajaxError(function (err, data, status, exc) { // stuff }).ajaxSuccess(function (xhdr, data, settings) { // stuff
embed tag hiding Jquery dialog.
Hi I am suffering with one problem. I have one embed tag which shows pdf on page. If user is not doing anything for a long time I am showing pop on screen but embed tag is hiding the popup behind it. I tried to increase z index of popup but it is not working. Any Idea? How to resolve this problem?.
ie7 script error on line 3426 using JQuery-2.1.1.js
I was under the impression that JQuery would help me run in older browsers but when I bring up my app/page in IE 7.0.6001 on Vista I get a script error at line 3426 (non-minimized). 'Object doesn't support this property or method' trying to call addEventListener apparently. Suggestions?
How can I get each image to the same position when I click?
http://jsfiddle.net/h1sfjjz1/22/
Use back button with ajax form (update address bar)
Hey everyone, I have this code: @ using ( Ajax.BeginForm( "Index" , "Assortiment" , new AjaxOptions () { UpdateTargetId = "sortandpost" , HttpMethod = "Get" , InsertionMode = InsertionMode .Replace } ) ) { @Html.AntiForgeryToken() @Html.ValidationSummary( true ) for ( var i = 0; i < Model.Count; i++) { < div class ="Textboxtcheckbox"> @Html.TextBoxFor(x => x[i].TaxonomyName, new { @readonly = true , Style = "border:0; width:100%" }) </ div > < div class ="checkboxList"> @Html.CheckBoxListFor( x =>
Scrollable header strip that moves along as I scroll down Page
Hello All. My first post on here. Hope I get some help from the specialists. I have a web page with a header strip. It contains the site logo, a search facility and some html for showing shopping cart summary etc. I want that as I scroll up/down my page, this strip should scroll along with me as well. In essence a mobile header strip, like you see in many sites. See the header strip where the logo and all that is present: The html for this all is like: <div class="container"> <div class="row">
So I copied and pasted from: http://jsfiddle.net/h1sfjjz1/22/
Yet when I run it on my pc nothing happens. Why? I have uploaded three file index.html.txt, cardsTest.js.txt and Style.css.txt. pls help.
How do I contact the portal admin
What kind of files can I attach?
AJAX or Node.js
I am attempting to develop a 4 player card game, that I hope will be used by hundreds of thousands of people. Which should I use for the internet programming AJAX or node.js?
A stupid question from a noob
Do all jquery functions return a value?
Next Page