[jQuery] Just started and I'm stuck
Hello I just started with jQuery and I'm stuck I'm trying to script the jquery code in a .js file but it doesn't work I think somthing is wrong with my code but I'm not sure forgive me if this isn't the right post format. html code: <html> <head> <link rel="stylesheet" type="text/css" href="style.css"> <script type="text/javascript" src="http://ajax.aspnetcdn.com/ajax/jQuery/jquery-1.5.1.min.js"></script> <script type="text/javascript" src="script.js"></script> </head> <body> javascript: $(document).ready(function(){
How do I "demote" an XML Node (move it to the lastChild position of the previous sibling)?
This is what I have so far: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta content="text/html; charset=utf-8" http-equiv="Content-Type" /> <title>Parse Test</title> <script type="text/javascript" src="jQuery-1.9.1.js"></script> </head> <body> <div id="outputDiv">Output DIV<br/></div> <script>
Mostrar a data através do botão JQuery
<script type="text/javascript"> $(document).ready(function () { var data = new Date(); var vMensagemBox; if (data.getDate() <= 21) { data.moveToLastDayOfMonth(); vMensagemBox = "O final de vigência do produto [Saúde], caso confirmada exclusão será [" + data.toString("d/M/yyyy") + "]."; } else { data.add({ months: 1 }); data.moveToLastDayOfMonth(); vMensagemBox = "O final de vigência
Mini slider overlaps input field and mini anchor button is shorter too.
Hello all, with jQuery Mobile 1.4.5 the Mini slider track overlaps the input field, see slider demo To fix change jquery.mobile-1.4.5.css as follows: .ui-slider-track.ui-mini { height: 12px; top: 8px; margin: 0px 15px 0px 68px; /* add this line to file */ } There is also an issue with the mini anchor button being slightly shorter than other buttons but I haven't had the time to figure that one out. Regards, Denes.
Jquery Mobile ready functio json call does not load data on page navigation.
Hi, I have set of three pages, between which i navigate using <nav> <div data-role="navbar" style="width:70%;margin:auto;margin-top:10%;"> <ul> <li><a href="tag.html" data-transition="slide" data-direction="reverse" data-icon="edit" ></a></li> <li><a href="buzz.html" class="ui-btn-active ui-state-persist" data-icon="bullets" data-iconpos="notext"></a></li> <li><a href="trend.html" data-transition="slide" data-icon="star" data-iconpos="notext" ></a></li>
Cascade two dropdowns
Hello, I am trying to cascade two dropdowns in html5. There seems to be a problem with $.getJSON but have been unable to figure it out:- <script> alert('a'); $(function () { alert('b'); var empNmeSel = $('#dlEmpNme'); alert('c'); empNmeSel.attr('disabled', true); alert('d'); $('#dlRole').change(function () { alert('e'); var roleSel = $(this).val();
Preventing default and adding url's
Hi Folks A couple of guys kindly helped me out recently and we got this far. However what I'm ultimately trying to do is… 1. Although the mini-thumbs have a hover event attached, I would like to prevent the default if one is clicked. i.e. for it to remain inactive and not open the image. 2. As each mini-thumb is hovered over, thus swapping out the large image in the placeholder element ('p#big-image'), is it possible (perhaps with a markup rewrite) as each of the large images are swapped in, to
force date/time format on textfield?
Does anyone know of a way (regular expression, maybe?) to force a date/time format (mm/dd/yy 10:00) in a textfield? I'm using ExpressionEngine with Solspace's Freeform Pro and do not want to use jquery's datepicker plugin because it is not ada compliant. Any help is appreciated. Thanks! Peter T
Using ajax , returned data and use the data out of ajax success function
hello , i have called a php paged with ajax call and returned data successfuly but when i want to access the element,tags on the returned paged out of the ajax successed function nothing will happen i'm using .on event but nothing is happening the code is : $.ajax({type:"POST",url:"mysql_retrive.php",data:{page:"0"},success:function(data){ $container.append(data); } }); and the click event : $this.find('a').on("click",function(){ alert($(this).text()); }); this event is not working if i put it out
jquery-ui npm package out of date
http://jqueryui.com/download/ -> latest (stable) version 1.11.2 https://www.npmjs.org/package/jquery-ui -> latest version 1.10.5 is there a technical reason why the npm package is not updated?
"full stack" developers
The greatest demand for web developers seems to be for "full stack" developers. I am kind confused for this terminology please anybody can explain it to me .What is the meaning of "full stack" developers thanks
IFrame Print PDF Issue in IE
Hello I have the following code to open a print dialouge from the browser, Everything is working fine with Chrome and firefox but im not able to get the print dialouge from IE with all versions, below code is specifically meant for IE11 with onreadystatechange function been added and rest is same for all other browsers where I am getting the print dialouge. I was able to save the pdf and when I try open that pdf from IE, I am getting the print dialouge directly. Also its working fine when I keep
Problem with Jquery UI dialog and require.js file
Hi everybody!!! I'm first time on this forum and i have a problem. I have 2 script and 1 html file that shows popup depending on requests.I'm doing this for one company. They have request and put them on various clients pages...but problem is that most client pages has require.js file which can be found here: http://requirejs.org/docs/release/2.1.15/comments/require.js and also here: http://github.com/jrburke/requirejs ... and something causes jquery-ui not to load and my popup.dialog() is not working
Parallax Curtain
Hey guys, I'm really new to JQuery and I am trying to create a Parallax curtain on my blog. I put in a scrollTop Sensor that would change the content from fixed to absolute when the #curtain height reached the top of the window. It works on laptop sized browsers but not on my iMac. I am not sure where I went wrong, but haaaalp! I would appreciate you so much! http://www.kaleyourself.com $(document).ready(function(){ }); $(window).scroll(function(){ var scrollTop = $(window).scrollTop(); var curtainHeight
jQuery 3D Canvas Cloud Grid (pinch, zoom, rotate, select) - anyone played with similar?
This is very cool! http://collection-au.thereitis.com/winedirect/demo/iframe.html ... very cool propietary software (not ours). Would love to have a play with a plugin that does the initial 3D Canvas work... has anyone come across anything? I can't find anything that does this base animation... but then again, trying to find the right term to search by is probably the biggest challenge. Cheers.
jQuery Validation Plugin (.validate) -- multi-page form validation with "pageRequired" method
Hi all, I'm using the jQuery Validation Plugin with a multi-part form. I coded it based on the the multipart form example (http://jqueryvalidation.org/files/demo/multipart/), which includes a custom method so that only the current page is validated when advancing through the form. When trying to wrap my head around the sample code (below) I noticed that only the current page validates even if you don't add the pageRequired identifier to the form inputs. It's not just in my code: I replaced every
JqueryUI Draggable Print
I am using Jquery UI draggable components with highcharts. But when I try to print the web page in IE and FF both there is a problem. At first the 5 charts will be initialised in the web page and when I 'Print Preview" 3 charts will appear in forst page and 2 charts will appear in second page. But when I drag 4th chart or 5th chart to where approximately first page thoses charts will not appear in "Print Preview"s first page (neither in second page). Same thing happens when I drag first three charts
Drag and Drop Game alert.
Hello I am new to using Jquery any help will be greatly appreciated! I am making a drag and drop game and am stuck I would like to alert winner when all items have been dragged ,also would like to make a custom alert box. Here is my Html & script. P.s. the "else" alert is not working but I dont need it to because it reverts any input would be awesome Thank You! Html------- </head> <body> <h1> Can You Match the objects with the correct person </h1> <button id="ref_butn">Start Over </button>
Validate- Ajax Submit is actually refreshing page
Hi, I love .validate() I(if that is the proper way to refer to it). It really is very, very good. Trying to move all my forms to Ajax. I get the form to submit, but for some reason, it won't submit properly . It actually refreshes the page. IF i remove the validate functions, and use just the " $(form).ajaxSubmit({" everything works fine. I have also tried $.ajax, and achieved the same result. I am sure it is something simple, but help would be appreciated. $("#contactForm").validate({
Focus an inline Datepicker?
I would like to use the out-of-the-box keyboard shortcuts that are available to the jQuery UI Datepicker widget, but they only seem to become available on the pop-up version once you click inside of a input that is attached, or showOn with a button. I have to use an inline Datepicker attached to a div. Is there a way to focus it and use the built-in keyboard shortcuts? This is for a keyboard accessibility requirement.
Store a word document into textarea.
Hi everybody, I'm trying to store a word document into my db. I made several attempts without any success because it doesn't save formatting. Can someone help me? Thanks a lot. Tegatti.
datepicker
how to add a alt text to a datepicker created using an img.i have 2 datepicker controls attached input fields id #startDate and #endDate. When jaws reads it read these controls as "unlabeled 1 button" [moved to jQuery UI]
setting interactive content to div
I am trying to set content for a div. Here is my code: $( "#prodsAutoSuggest" ).keypress(function() { var prodID = $('#prodsAutoSuggest').val(); // Search process for the product $.ajax({ url: 'process.php', data: { productID : prodID}, type: 'post', success: function(output) { if(output){ $( "div.prodContent" ).slideDown( "slow", function() { $( "div.prodContent" ).css("display","inline");
Reducing space at top of jQuery UI button
I have set a fixed height on a jQuery UI button, and would like to reduce the padding at the top of the button so that the text is centered vertically. I have tried setting padding-top but it seems like that property is ignored. How do I cause the "Open" text in the following example shift up? http://jsfiddle.net/dlwhiteman/we12my7t/3/
How to limit 25 words minimum and 75 words maximum in text area?
I have required field text area. Which is needs at least 25 words and 75 words maximum allowed. So how to check these in jquery for text and validate it.
Sliding images
Hello, I'm new to jQuery but I am eager to learn. I would like to design my own website and I would like to add a slider at the top of my website for some images I have. I have seen a couple that I like http://www.cfbnj.org http://www.zenoobi.com/ http://webdesignersadelaide.com http://www.sydney.com/. I would just like to know are those image scroller things a jQuery thing or are they something else?
Problem understanding return
guys check out this fiddle : Fiddle its uses the filter function and the return statement , what i don't understand is the use of the return statement , whom is it returning what ?? The HTML : <ul>
<li><strong>list</strong> item 1 - one strong tag</li>
<li><strong>list</strong> item <strong>2</strong> -
two <span>strong tags</span></li>
<li>list item 3</li>
<li>list item 4</li>
<li>list item 5</li>
<li>list item 6</li>
</ul> and the Jquery code $(document).ready(function(){
$(
Bug? JS breaks after redirect, works after page refresh [EXAMPLES]
Hello, I have been working on an issue for a while now, and haven't found an answer. Please forgive me if I post something wrong! I have a test login page you can see at: http://acfullerwireless.net/login_test.html (No username or password required) This will redirect you to a test control panel page when you press the button. I've emptied out everything that's unnecessary to see the issue. The problem: After redirect, JavaScript and jQuery will not run until you refresh the page. I found something
Change font color
I have a function which takes the word that I type in a text box, compares it to an array and if the word matches an element in the array, it wraps it in a `span` tag and tries to change the color of that word. However, I can not get the font color to actually change.. Can somebody please help me? function wrapLinesForKeyword($container, word) { var word = word.trim(); var tmp = ''; for (var i = 0; i < reservedKeyWords.length; i++) {
Placing values in a table
What I'm trying to do is to extract values from each ofthe jQuery function definitions and place them in a table. http://api.jquery.com/ I've pulled a subset and I'm having trouble getting the data that I'm looking for. Here is the Plunker: http://plnkr.co/edit/COxKfDVAPkg4D7AUMGSY?p=info The main script is located below the </body> tag There is no separate style sheet or script file besides the jQuery file. Please take a look. Any help would be appreciated.
jQuery Comment Box Question
So, I want to make a very basic and generic comment box in jQuery and HTML. I was wondering if I could use the appendTo(); method to do so. So here is my idea: So, I make a new <li> element with the .appendTo() $('.btn').click(function() { $('<li>').text().appendTo(); }) After, in the text(), I add inputs from my HTML form. (How do I do that? Use a selector for a form with an input?) [Also, I have the btn class] It then appends to a container containing the comments. Is this possible?
Laws of Physics jQuery Effect ?
I'm looking for a dynamic jQuery effect that will make an image react to physics specifically wind with some collision. I want to give an image the effect that it's slightly waving in the wind with control over it's weight, as in, if it's an image representing a piece of steel or an image representing a piece of paper the amount of friction would be more or less.
jquery mobile lazy load with JSON
Hope someone can help me, I am working on my first jquery mobile app. I am still new on this, I have one index page which includes three data role pages(get category, get posts, get posts content). and using getJSON() to fetch the data from my wordpress website. my problem is the delay of the listview. page appears empty for about 5 seconds then the lists appears in one time. I want the list appears one by one. not waiting for the all list to complete. also I want to know how to do lazy loading for
Widget api documentation: Options
In the small sections about Options with the dialog-example var options = { modal: true, show: "slow" }; $( "#dialog1" ).dialog( options ); $( "#dialog2" ).dialog( options, { autoOpen: false }); I suppose it should say 'option' not 'options'. That confused me for a while.
Problem with showing multiple jQuery functions
I have found a image slider and made a tooltip myself with jQuery for on my site. I've made an image gallerie with one large image (in #gallerij) and one row with smaller images in it (#imagerow). When you hover over one of the smaller images, it fades and when you click on one of the smaller images, it will show up as larger images in #gallerij with a fadeIn/fadeOut effect. But that doesn't work, nothing happens. No fade effect when you hover over the images and not clickable. Let alone a fadeIn
Pluggin Option jcoverflip
Hey Guys.. Quick question , i really liked this pluggin , I.E jcoverflip . you can check out the demo here : Demo Unfortunatly this pluggin is not compatible with the latest Jquery , so any alternatives ?
having problem displaying two or more javascript plugins
I am having problem displaying two or more JavaScript plugins such as jQuery and raw JavaScript within a page. The JavaScript code that comes last will be displaying but others not, please how can I solve this problems. Any helps will be appreciated. Thanks in advance.
validation plugin help
hey guys the problem im having is with the validation plugin. when i type just my password in on the form and submit the form submits to action (even though it isnt validated), plus then it doesnt show the error messages by fields as suppose to. http://bisi.bid/register any advise would be great thank you
Passing an Anchor to open a Collapsible
Is it possible to pass an anchor in a link to open a collapsible? data-role="collapsible-set" I have tried everything i can, even JS, but i keep failing. Thank You.
Dragging and snapping polygons
I am trying to dragging and snapping two triangles without success using jQueryUI. While the dragging function works like a charm, it seems possible just to snap squares or rectangles. I have taken a look at the function and there seems to be a lack of functionality regarding even other polygons such as pentagons or hexagons. Any suggestion?
Next Page