jQuery that slides in off-canvas nav works in modern browsers, but does not in IE 8 and less.
Hello, I developed an off-canvas navigation that slides in from the left on click of the list icon in the upper-left. It is powered by CSS3 Transitions when supported, but falls back to some jQuery I wrote, with a similar effect, thanks to Modernizr. I tested the jQuery and CSS separately and they both work fine individually; in fact, they both work fine when combined too in most browsers whether they support CSS3 Transitions or not. However, in IE 8 and below it is obviously relying on the jQuery
On click function only working once
Hello, I'm new to jquery and have created this calendar using jquery/ajax/php: http://cybril.com/jquery/ When you click the forward (>>) and/or back (<<) buttons, they work, but only the once - not sure what I'm missing? Here is the code if you need to see that: $(document).ready(function(){ $("#next_month").click(function(){ //alert('hi next month!'); var month = $("#next_month_value").text(); if ($("#next_year_value").text()) var nextyear = $("#next_year_value").text(); var
$.ajax issue
Hi all I have a problem with the $.ajax function. I have searched all over but nothing seems to work. The problem is when i call a webservice I always get an error returned. Maybe my Soap request format is incorrect ? Can you help. Here is all my code .... Thanks alot for any help, its been driving me mad ! <html> <head> <meta name="viewport" content="width=device-width, initial-scale=1"> <link rel="stylesheet" href="Content/jquery.mobile-1.2.0.min.css" /> <script src="Scripts/jquery-1.6.4.min.js"></script>
using .load to load an external page fragment
I am trying to load a fragment of one of my webpages. I am not sure if this would be the best way to do this, but thought I would try something new, and see where it gets me. I am using .load to get part of a page, like pages.php #register. It loads up properly, but then when you click on a button, for example, to submit the form, the whole page goes away. I know the answer to this is probably the iframe, but I am curious if there are any ways around this, or better ways to load fragments of
using flexgrid - importing data from an sql table
I am using flexgrid, and am trying to apply it to a database of emails to list them out. To import the data into the tables currently, it uses xml, i believe. The demo file is named countryArray.inc.php. The format is as such: <?php $rows = array( array('iso'=>'AF', 'name'=>'Afghanistan', 'iso3'=>'AFG', 'numcode'=>'4', ), array('iso'=>'AL', 'name'=>'Albania', 'iso3'=>'ALB', 'numcode'=>'8', ), How do I go from a database, to an array? Would I have to export first to a text file? Or is there
Getting my images to scroll horizontal
Hello, I am new here and very new to programing I am trying to bring in images from my database and dynamically give them a link when you click on them and also put them in a div so that I can create like a horizontal scrolling slider. If there is any other posts or if you can help me with this I would appreciate it. I have been trying to use some of what I know I have my images in a div and have a class for them and I tried to use the .animate() function but I am stuck with trying to get timing
Help finish the script menu
html: <ul class="menu"> <li><a href="#">My Account</a> <ul class="sub-menu"> <li><a href="#">Главная 2</a></li> <li><a href="#dashboard" >Dashboard</a></li> </ul> </li> <li><a href="#dashboard" >Dashboard</a> <ul class="sub-menu"> <li><a href="#">Главная 2</a></li> <li><a href="#dashboard" >Dashboard</a></li> </ul> </li> <li><a href="#signout">Sign Out</a></li> </ul> Script: $(document).ready(function() { $('ul li').has('ul').addClass('include'); $(".include").click(function() { var X = $(this).attr('id');
I can .animate Up but not down
I have a div where the title shows. When you click the title it slides up to display the div. I would also like it so that when you click the title while it's open, it slides down but havn't figured out how to get both .animate functions to work using the same button. I would like an if open, then close but not sure how to pull it off. Here's my script. $(document).ready(function(){ // Using multiple unit types within one animation. $("#go").click(function(){ $("#res").animate({ top: "655px", },
Problem with Auto complete UI it does not auto hide!
Hi Guys so i set up the auto complete UI on my site but i am having a bit of an issue. when the begining of the string is found then it display results no problem. But if you contuniue typing and no results found it does not close the auto complete menu. for example Mike Jones << is a record in the database. if I type Mik "Mike Jones" come up which is cool. but if I type MikZ "Mike Jones also comes up which it should come up until I type the last letter "Z" then it should hide the results. in my
Adding jquery in iframe causes memory leak when that iframe is reloaded.
I have an iframe which has the jquery 1.5.2. If I reload the iframe it will cause a memory leak. Here is the code: parent.html <html> <body> <iframe id='ifrm' src='http://localhost:8080/acrm/child.html'></iframe> <input type='button' value='RELOAD IFRAME' onclick='document.getElementById("ifrm").contentWindow.location.reload(true);'/> </body> </html>child.html <html> <head> <script type='text/javascript' src="jscript/jquery-1.5.2.min.js"></script> </head> <body> <div>This is the iframe</div>
Clearing <input> without triggering HTML5 Validation
Hi! I'm still getting the hang of HTML5 Validation. I'm loving it overall, but I've run into something I can't find the solution to. I'm trying to clear an <input> element with the required attribute without the browser triggering validation. Up until now, I would just use $("#myInput").val(""); But that leaves the field "invalid" with a red border around it in Firefox. So now I'm wondering what the correct way to clear the element is without triggering validation. Has anyone had any experience with
Changing input charcter on keypress Event
Hi there, I am newbie here and learning jQuery. I have a strange requirement of changing each of 8 characters of an input box as the user types in any character from the keyboard. I want to change each and every character typed in one by one. for an example, i am keeping maxlength is equal to 3 and default value none. And if user types "cat" i wanna show this it in input box as "dog" but as he types. if he types character "c" i want to change it to "d' and when he types 'a' it gets changed to 'o'
Slide content right?
So, I would like to know if there's a way of doing this: if you go here: http://britneyismyreligion.tumblr.com/ and click on Askbox, a content will slide down. I want to do the same thing, only sliding right instead of down. Can I do it?
cannot retain focus on input either using timeout or focus
attempting to use inputs and validating as tabbing through. focus did not work so I'm using a setTimeOut that I found on this forum. This only seems to work on the first input not on the rest as I work through the inputs. link to javascript link to form
help plugin
I am searching for embedded help systems for web applications and some of them I found are talking about using jquery embedded help, http://www.embedded-help.net/ this is the link it points to but I cannot open this link, this link is not working. any advice on if this is still alive ? or suggestions on creating help systems for my web applicvations any jquery plugins ?
prettifier
Olá usuários! Em meu forúm, eu tenho uma tag BBCODE que em HTML ela é .cont_code então gostaria de saber se tem como adicionar a esta tag o código prettifier para colorir as letras de códigos que vem nessa tag, pode ver ela nessa página: http://shdesign.ativoforum.com/t96p15-personalizar-botoes-na-area-mensagens-privadas#356
Creating a jQuery Responsive Site with Style Switcher
Hi, I am a newbie with jQuery and in the past weeks, I have been working to put together a responsive test site with a lot of jQuery scripts. Some of my jQuery scripts are not working right. I believe that I am making mistakes somewhere. I hope you can help. 1. I created two test navigation menus (one red and the other orange) and I want my users to be able to use the style switcher to choose a menu. I also want the user to save the selection as a cookie using the jQuery standard cookie plugin that
mouseenter vs. click
Hello, First I was developing my code in javascript and facing one issue, I deceided too sxitch to jquery. But the problem stil happends... My <body> is made of one <canvas> for sizing the background and various <div><object></object></div> that I position on the canvas, and that I would like to make clickeable. Here is my code, no problem for the positionning and sizing, but I have a problem in the bind function : - mouseenter/mouseleave are treated properly, I can see my alert boxes entering and
Jquery Handbook
I am looking for an authentic Guide/Handbook to Jquery. Help appreciated. Thanks.
Can't figure out how to pull variables out of json array
I need to pull the variables out of my json array using a loop. I just cannot figure out how to do it. Here is my json: [{"date":"Nov 02 2012 12:00:00:000AM","sum":-16481.039,"from":"Jack Leider","to":"Richard MacDonald"},{"date":"Nov 02 2012 12:00:00:000AM","sum":-4637.155,"from":"Jack Leider","to":"Richard MacDonald"},{"date":"Nov 02 2012 12:00:00:000AM","sum":85900,"from":"Jack Leider","to":"Richard MacDonald"}] Here is the javascript I currently have: var json = jQuery.parseJSON(orders); for(order
form with validation error messaging
I have a long form and I have setup some validation but I'd like some help tidyuing it up and enhancing my requirements. The following displays an error message but its messy. I'd like to know how a) Highlight the whole row b) Put an asterix at the end of the appropriate item. c) Any other techniques you think good. Also can you explain to me why, when its validated the Address fields go out of alignment with the other text fields. If possible could you tell me how to (in realtime using ajax)
Reading Files in jQuery using Files API
Hi Geeks, What is the best possible way to read to read local files using jQuery and Files API.. Can anyone give me a quick example to convert following code in jQuery or point me best possible solution to achieve this? <input type="file" id="files" name="files[]" multiple /> <output id="list"></output> <script> function handleFileSelect(evt) { var files = evt.target.files; // FileList object // files is a FileList of File objects. List some properties. var output = []; for (var i = 0, f; f = files[i];
jquery-1.8.3 undefined error
Hello, I am using jquery in our project. I have added refernce to jquery-1.8.3.js file. I have stored this file locally and referencing it in the project. I am opening jquery dialog on click of some icon. For that I have added the below reference http://ajax.googleapis.com/ajax/libs/jqueryui/1.8/themes/base/jquery-ui.css"" rel=""stylesheet"" type=""text/css""/>"; <script type=""text/javascript"" src=""http://ajax.googleapis.com/ajax/libs/jqueryui/1.8/jquery-ui.min.js""></script>"; I have use the
Script to calculate checksum of array?
In my application i have to calculate the checksum of array using Jquery. Can you provide the jquery code for this. thanks...
custom UI element solution using .sortable or .position
Hi Guys, I want to code a 3x segment full screen UI for ipad through HTML. The premise is a main toolbar, a sub toolbar and content panel. Of course the main toolbar actions will change the subs content, and the subs actions whill change the content panel. I have played around with .sortable for a solution and achieved something fairly rough and clunky. Would I be better to do this using .position collision? I'm sure there's a much nicer solution than what I have built and I'm looking for any pointers
Help with jquery validation fileupload
Hi all Masters, I have a FileUpload function in asp.net. Below is my asp.net button. <asp:FileUpload id="FileUpload1" runat="server" Width="150px"/> <asp:Button id="btnUpload" runat="server" Text="Upload" onclick="btnUpload_Click" /> Which I can upload successful. I try with asp validator but no luck. <asp:RequiredFieldValidator ID="RequiredFieldValidator1" runat="server" ErrorMessage="Please upload your receipt." ControlToValidate="FileUpload1" CssClass="alerttext"></asp:RequiredFieldValidator>
Open a Hyperlink in a New Window
On my site it lets you use widgets and this one widget has links but the links don't open the site in a new window. It just remains in the same window. How can I change this coding to allow the link to open in a new window; Coding of Widget <b:widget id='LinkList3' locked='false' title='MAGAZINE OUTLETS I CURRENTLY WRITE FOR' type='LinkList'> <b:includable id='main'> <b:if cond='data:title'><h2><data:title/></h2></b:if> <div class='widget-content'> <ul> <b:loop values='data:links' var='link'>
Converting Javascript code to jQuery - Counting Table Rows
I'm having a hard time converting the following JavaScript code into jQuery. I think I'm either over-thinking it, or making this harder on myself. I have an array of table id's and I want to iterate through each one and populate one of its cells with the number of rows. Using JavaScript by itself, this works fine - I just can't figure out how to incorporate jQuery in order to condense some of the code (even though I know I won't condense that much). Here is the code: Thanks in advance. var tableID
Firefox jQuery Button I found and can't move.
Yesterday Wednesday 2/6/2013 I was adding buttons to my tool bar when I seen these in the Customize Toolbar Box a button with no name so I dragged it up to tool bar. Now I can't remove them. I moused over then and does says jQuery version 1.6.4 (on one side and other) jQuery UI Version 1.8.16 Plugins used: Datepicker,Menu The buttons when I click them do nothing. The are a single button. So How do I remove them ??? I have no clue how they got loaded too.
Select divs which are visible on the page
Hi Guys, I know how to select certan divs based on display $("div[data-valid=false]").filter(function (index) { return $(this).css("display") != "none"; }); But in case of parent element invisible it will be invisible for the user. I need to select the divs ONLY if user can see them.. Yep I can run thru all parents and check that they are visible, but Is any elegant way?
datepicker only works once on page for first call.
Just new to jQuery UI. Wanted date picking help, and this looked great. I downloaded it and loaded it on my server. I define it all here: <link rel="stylesheet" href="/jquery-ui/development-bundle/themes/base/jquery.ui.all.css" /> <script src="/jquery-ui/js/jquery-1.9.0.js"></script> <script src="/jquery-ui/development-bundle/ui/jquery.ui.core.js"></script> <script src="/jquery-ui/development-bundle/ui/jquery.ui.widget.js"></script> <script src="/jquery-ui/development-bundle/ui/jquery.ui.datepicker.js"></script>
Dynamic Sizing of DIV
Hi I have a DIV in which I am displaying text which is returned from a web service. The length of the div should be dynamic, like depending on length of the text lengh of the DIV should be increased. Please help me. Thanks VKumarCH
how to slide toggle on slide toggle
how can i put this: <!DOCTYPE html> <html> <head> <style> p { width:400px; } </style> <script src="http://code.jquery.com/jquery-latest.js"></script> </head> <body> <h4> Hiya </h4> <p> This is the paragraph to end all paragraphs. You should feel to have seen such a paragraph in your life. Congratulations! </p> <script> $("h4").click(function () { $("p").slideToggle("slow"); }); </script> </body> </html> on this: <!DOCTYPE html> <html> <head> <style>
jquery toggle not working
Can someone please tell me where I'm going wrong here? I'm very new at this, but I'm willing to learn. I would like my site to have a custom button that, when clicked, reveals an image. I would like the button to toggle the image to show/hide. Thanks in advance. <html><head> <style> p { width:400px; } </style> <script src="http://code.jquery.com/jquery-latest.js"></script></head><body> <div class="button">CLICK HERE TO COMPARE US TO THE COMPETITION</div> <style type="text/css"> .button {
Proper Variable Use
What I'm trying to accomplish: First, I want to store the default height(current set height) of various ids for later use. I then want to set the height value of those ids when a button(s) is clicked. Since this will happen many times, I want to save the value of all these heights as a variable, and then call the variable within a click function. This is what I have so far: var selectedDivs = $('#div1, #div2, #div3, #div4, #div5, #div6, #div7); var divDefaultHeight = selectedDivs.height(function(index,
Set a cookie in jQuery
How can I set a cookie when a background color is changed? I created a basic switcher which changes the body color, but I want to save the changed color in a cookie. jQuery code: $('.first li ').click(function (e) { e.preventDefault(); $(this).parent().parent().find('img').removeClass('active'); $(this).addClass('active'); }); $('.first li').click(function (e) { e.preventDefault(); $(this).parent().parent().find('img').removeClass('active');
No sorting in Array, for whatever I try
I've got following code and I dunno why the hell the output won't get sorted, as I will explain further on: /* Author: Jennifer Eberlei Project: World-Map Date: 06-02-2013 // 07-02-2013 */ $(document).ready(function() { function getWorldMapCoordinates() { var arr = new Array(); arr = [ { name: "Deutschland", numPosts: 14, coordinates: { x: 50, y: 50 }, link: "http://google.de/search?q=deutschland"
jQuery registration problem.
Hi, here it's my code, please help me... jQuery call: <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.9.0/jquery.min.js"></script> HTML: <form name="registerFormF" class="loginForm" method="post" action="" enctype = "multipart/form-data" onsubmit = 'checkRegisterJS( document.registerFormF.registerEmail.value,
[ask] how i can refresh single div tag without refresh the page
case : ============ a single page ==================== <div id="one">This one</div> <div id="two">This two</div> <div id="three">This three</div> =========================================== question : how i can refresh the div with id "one" without refresh the parent page? so i can update and get the result live tq all...
Check mouse left | center | right click on IE7-8
What should I use for getting the mouse click code? e.which, e .button won't work on IE7 and IE8 :(.
Next Page