Could someone please step me through how to make it work please :: Lightbox 2
I don't know how to code. I do know css/html. I do want a photo viewer and LB2 is perfect for me bit I don't know how to make it work and I have tried very hard. <http://lokeshdhakar.com/projects/lightbox2/> I've followed the steps by placing the code in a html blank page. However, I'm missing something and it might be this part: lightbox.js will add listeners to elements with attribute rel="lightbox" and once you click it it shows images in popup, from link's href attribute. I Do not understand
Loop through table with specific conditions (turning data into an xml string)
Hey all, I currently have a form with data being displayed via a web service call with JQuery's $.ajax() function which dynamically feeds the values into input fields into the form and creates table data too. I would like to retrieve the data from this form and put it into an XML string to send back to the web service. Currently my code to retrieve the data from the input fields look's like this: var cb = document.getElementById('paymentList'); var selected_cb = cb.options[cb.selectedIndex].text;
Jar filling up...
I need a javascript functionality where when a jar fills as the user adds items to it. An example will be like a user is budgeting for the month and each time she adds say £100 , the jar fills up. Is there anything out there I can use. Long shot .. Thanks a great deal
Filter Tables with input
Hi, I'm trying to write a function to filter a table by entering a tag into an input. (like FooTable) But somehow i can just filter the last column. (JsBin document) I have no clue how to get to the other columns. Thanks for your help, Internerd
Having difficulty selecting the Li tags after the container is cached.
Having difficulty selecting the Li tags after the container is cached. var res = { loader: $('<div />', { class: 'loader'}), container: $('.container') } $('.container ul li').click(function(){ var clickval = $(this).text(); $('#eventn').val(clickval); });HTML output <div class="container"> <ul> <li> Mall @ Carnival</li> <li> Carnival City </li> </ul> </div>
reading network xml file
I am trying to read xml file lying on network path like : "\\abc.com\testdata\test\test.xml" I always get error function called with this(below code), but if place xml file under my solution and change url to just "test.xml" then it works fine. Can anybody tell what's wrong going on here. $.ajax({ type: "GET", url: "\\\\abc.com\\testdata\\test\\test.xml", dataType: "xml", success: function (xml) { $(this).find('item').each(function ()
early animation trigger with timeout()
hey guys, i have a small problem not directly adressed by jquery but it is about a jquery animation. i have a sequence where a stone is moved from one position to the next and so on this is done by a for() loop where the function stone_move() is called the animation is a jquery animate() i use following code: var time = 0; for (var i = 0; i < ende; i++) { ... setTimeout(function(){stone_move(...)},time); time += 800; }; the problem now is that the last movement is shown immeadiatly and
.live() upgrade simple problem... i think.
Ok so I'm upgrading to the 1.9.1 and .live doesn't work anymore, this is the old piece of code that worked: $("#select-speaker").live("change", function(event) { var selected = $(this).val(); ShowSpeakerLines(selected); }); So I tried changing it to .on as it says, but it only seems to work offline for me when i try it on the server it just doesn't respond. This was the code that worked offline but not online: $(document).on("click", "#select-speaker", function() { var selected
jQuery Username Available with asp.net controls
I am wanting to add username availability checks in with my other validation. Here is my code: $(document).ready(function () { var validator = $("#MainForm").validate({ rules: { <%= username.UniqueID %>: { required: true, minlength: 6, usernameCheck: true; }, <%= tbPassword.UniqueID %>: { required: true,
How to Refresh PHP Captcha Image on Form using jQuery
Hi, can you please let me know how I can refresh an image captcha generated by PHP? what i have is an PHP file "captcha.php" which crerats the image on the form and I I also have following form <html> <head> <title>Test Form</title> </head> <body> <form action="validate.php" method="post"> Enter Image Text <input name="captcha" type="text"> <img src="captcha.php" /><br> <button type="button" id="refresher">Refresh Captcha!</button> <input name="submit" type="submit" value="Submit"> </form> </body>
Issues with Google Chrome not working with my Jquery or Javascript file
I'm stuck with our new solution not working in Google Chrome. It works well in IE7-IE10, Safari, and Firefox but for some reason does not work in Chrome. Wondering if it could be an issue with the parsing navigator.userAgent and navigator.vendor scripts within the code.
How topdf string from ajax as pdf in browser ...
Hello, Im using ajax to call a program that will create a pdf stream. How do I change the content type to display as a pdf. Ignore the "/%..%/", that is as/400 stuff $.ajax({ type: 'get', async: false, dataType: 'text',
Can i get the oriantation of a display?
i get the width/height of a window like this var width = $(window).width(); var height = $(window).height(); but its always the same. When i turn the smartphone the width is the same and the height too how can i get the oriantation or how can i fix this?
how change tag html, depends on browse language.
i wanna change this html tags if a get lang='pt' or lang='es' some help with the code bellow? thank you very much $("#TB_window").append("<div id='TB_title'><div id='TB_ajaxWindowTitle'>" + caption + "</div><div id='TB_closeAjaxWindow'><a href='#' id='TB_closeWindowButton' title='Close'>fechar</a> ou Esc Key</div></div><iframe frameborder='0' hspace='0' src='" + urlNoQuery[0] + "' id='TB_iframeContent' name='TB_iframeContent" + Math.round(Math.random() * 1000) + "' onload='tb_showIframe()' style='width:"
How do you pass a function as a parameter to $()?
How do you pass a function as a parameter to $()? For example function autoplace(map){ // do something with map }; var map = "Wassup"; $(autoplace(map)); // how to pass a function which takes a parameter, as a paramter to $()
View page by html(output).show() with some fade effect
Hello; I use the code below to load a page in a div. I want to add some cool fade effect to it, but it ignores it and just opens it regardless of the effect. Here is the code: function hotels() { $.post('reloads/sep_list_refresh_jquery_gallery.php', { city: document.form.city.value},function(output){$('#hotels').html(output).show();}); }This is the code I tried and didnt work: function hotels() { $.post('reloads/sep_list_refresh_jquery_gallery.php',
jquery new challenge can you solve it
I used slideToggle with a div which also use mscrollbar . mscrollbar link is here http://manos.malihu.gr/jquery-custom-content-scroller/ Problem: mscrollbar is not working properly with slide toggle.I used display:none for slideToggle but for useing display none mscrollbar counts the div is not displaying and not loading the scrollbar even after changeing css property display:none to display :block by slideToggle its not loading. my jquery is $(document).ready(function(){ $('div class name').slideToggle().css('display',
image swap
I am building an image gallery with jquery fancybox to show before and after photo-retouching. Is it possible to apply a roll over behavior to an image that is being pulled from the href attribute in the anchor tag? The jquery fancybox uses the following syntax to pull to load images <div class="grid-element"> <a rel="example_group" href="editorial/01_editorial_lg_on.jpg"> // large image <img id="grid-shadow" src="editorial/01_editorial_sm_on.jpg" alt=""/></a> //
trouble with parent / child
I am attempting to make some changes on the screen when the user interacts with the quote price or the quantity of a line item. I don't really understand what I'm doing with parent / child, but I did get a little bit of traction. It's just not working. If someone can point me to a tutorial somewhere that would help me with parent / child examples that would be very helpful, or maybe you can answer my questions specifically. Here is some sample html: <table> <tr id="ABC123" sku="ABC123"><td
Help validating multiple text fields with error messages
I am very new to JQuery. I am trying to create a basic form where the user will: type a name, enter comments in a textbox, click a radio button, click a check box. If the user does not do one or more of these things, I need an error message to appear besides the box or button on the particular area that is missing. I have everything working for the user name. I don't know how to work in that I need validation on all the other fields. I have tried adding another function below the first one, or adding
Filter to hide divs without the class type?
I have a select menu like this: Show only: <select> <option>Red</option> <option>Green</option> <option>Blue</option> </select> I have divs like this: <div class="red blue">Lorem ipsum dolor</div> <div class="red green">Lorem ipsum dolor</div> <div class="green blue">Lorem ipsum dolor</div> When the user selects red, the third div above should hide. When the user selects green, the first div should hide. I hope this is clear; how do I do this in jquery? Also, a show all option would
Send DataURl to webservice using Json/jquery
Hi, I am trying to save Base64 data in to database. But I am not able to send dataUrl to my .asmx file. -------------------------------------------------------------------------- Jquery ====== function UploadUserPhoto() { var Mycanvas = document.getElementById("tempCanvas"); var dataURL = Mycanvas.toDataURL("image/png"); $.ajax({ url: "LP18WS.asmx/UploadPhoto", contentType:
How to submit a form ?
Hello... I'm trying to submit my form in a joomla article and still can't get any result. Where's the mistake ? Here's my code (just for a test) : ( form inside my article) <form id="frmOrcamento" name="frmOrcamento" method="post" enctype="application/x-www-form-urlencoded"> ...... <input id="btnEnviar" onclick="enviarTeste1();return false" type="submit" value="ENVIAR" /> (function in the <head> tag): function enviarTeste1() { $(document).ready(function() { $("#frmOrcamento").submit
Create html table with Parsed JSON in Jquery with images and input fields added
I have seen many examples on the internet regarding looping through a JSON object and printing it in a html table. However my issue is a bit different as I need the first column to be an image the next few columns are json data from the json array and then finally a input field in the last column (the value from this input field is provided from the json array as well). Here is the full JSON I have where tabledata contains the array of information I need to create the html table with: {"approverName":"","emailAddress":"","companyName":"ABC","address":{"streetAddress1":"12
Regarding Jquery Modalpopup
Hi , I am trying to implement jquery modalpopup in my application but getting this error: Microsoft JScript runtime error: Sys.InvalidOperationException: Could not find UpdatePanel with ID 'ctl00_ctl00_mainContent_phContent_updpanel1. If it is being updated dynamically then it must be inside another UpdatePanel. Actually I am trying to open a usercontrol page in my jquery modalpopup n that usercontrol page having multiple update panels ,that is requirement of my application ,so i can not
Animate a sprite element on a set path with jquery!
Hello! I would like to do something similar with: http://benthebodyguard.com/index.php but instead of a straight path, I have a path with curves! And the sprites must be able to be animated on scroll! Any suggestions or thoughts will be appreciated! Thanks!
Urgent Help j query challenge
Yo everybody, check this link http://www.passagefoods.com.au/usa/products/passage-to-thailand/red-thai-curry/ if you click overview you see the effect > MY question is what is this effect called and how to do it ? Please help me.........
Javascript replace text in html case sensitivity
Hi, I am replacing text in html with the code "$(this).html($(this).html().replace(/mytext/g,"New Text"); it is replacing only case sensitive string. So how can I make it case insensitive. Please help me out???
Background image position animation
Hi guys, I'm new to jQuery and would need some help. I made a div element, and I want to make the background image move up and down vertically continuously. I have this script, which makes the background image move up, just how I would like to: <script> $('#oblici').animate ({ 'background-position-x': '0px', 'background-position-y': '-42px' }, 2000, 'linear'); </script> I would like to make the background image animate back to the beginning position after it reached the top position.
HREF having problem
Hey Everyone! i am writing a code in which i am creating multiple <li> and i have given every <li> a different href. When i am running it and when i click on the href it is add the link in the current URL. Like this... <li><a href="promotiondetails.html?id=' + employee.id + '">Some Data</a></li> The current URL is like.. http://localhost/mano/www/promotions.html and this happens when i click on the <li>... http://localhost/mano/www/promotions.html#/mano/www/promotiondetails.html?id=275 Here is the
Expanding Slide Down Box Menu with jQuery and CSS3
I've implemented "Slide Down Box Menu" in my project website.But i have a problem to expand this menu to further submenus. I'm new to jQurey. I tried to expand it but everytime it fails :( Here is the demo of the menu from where i downloaded it. http://tympanus.net/Tutorials/SlideDownBoxMenu/ So i'm seeking you for help, Thanks in advance. :)
Auto filling a form of an external site using jquery
I am building a portal that can collect user data - name,address etc , send it to an external retailer site like Macys.com and auto fill it for the user ? Is this something that is achievable using Jquery ?
How can I make array of forms and submit with jQuery...
I'm reading data from database. And i want to update data for every read column, with jQuery and php. Ex: $newConnectionForUser->selectQuery(Array("*"), "__simpledatacontentuser", "PROJECT_CRYPTED_HASH = " $newConnection->quoteString($projID)); while ($row = $newConnectionForUser->fetch_assoc()) { ehco"<form id='form-update-data'> <input type='text' id='this-data-id' name='this-data-id' readonly style='display:none' value='$data1'> <input type='text' id='type-of-database'
jQuery get input value problem
Hi, i have one question. Why i can't get input value from ready function...? $(document).ready(function () { var idOfForm = $('#input-text-value-what-i-need').val(); alert(idOfForm); // return empty(Alert box is empty). var finalId = 'form-id-'+idOfForm; var aa = '#'+finalId+'1'; alert(aa); // return #form-id-(and here i need input value ). $(aa).submit(function(e){ e.preventDefault(); dataString = $(aa).serialize(); $.ajax({ ... ... }
multiple slider with multiple linkable image in one page
plz anyone give me a templet.i want to know this plz help me
using each to iterate specifically from the second row
I have this fiddle http://jsfiddle.net/thiswolf/QupLN/ and in it i am trying to get the value of each cell for use in my form my code so far $('#table tr').each(function() { $.each(this.cells, function(){ alert('td'); }); }); my form $('#id').val('0'); $('#firstname').val('firstname'); $('#lastname').val('lastname'); $('#country').val('country'); $('#city').val('city'); $('#town').val('town'); $('#gender').val('gender'); It would be my wish to have each cell in an array such that
.ajax and .fade intermittent issue
Hi all. Am turning to you for any insight you may be able to give with a very frustrating and perplexing problem - one which I am not experiencing, but several other people are. And I have just made the site "live" to add insult to injury! First, here's the link: http://www.motoaventures-touring.com/cape-town-victoria-falls.php I'm also loading jQuery via <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"></script> The "Tour Menu" is where things go wrong for others but
message not displaying with blockui
I'm trying to have a link (which is a list item displayed horizontally, can't change that) that when clicked pops up a form for a user to submit feedback. I'm not sure what I am doing wrong. The HTML: <ul> <li id="menu-item-44" class="menu-item-44"><a href="">Feedback</a></li> </ul> Script: <script> jQuery(document).ready(function () { jQuery('.menu-item-44 a').click(function () { jQuery.blockUI({ message: ('<div id="feedback"><div style="background-color:#fff; padding:20px; border:2px solid #031e77; z-index:9999;"> <form method="POST"> <div>Submit your feedback! <a href="#" id="close"><img src="/wp-content/uploads/images/round_red_close.gif" style="float:right;"/>Close</a></div> <div style="clear:both;"></div> <table border="0" width="100%"> <div style="text-align:left; margin-top:5px;margin-bottom:15px;">Use this form to submit your comments and/or questions to the Assessor\'s Office. If you wish to change your address, please <a href="/change-of-address/">click here</a>.</div> <tr> <td colspan="2" style="text-align:left;"> <select name="feedback_type" id="feedback_type" style="width:97%;"> <option value="website">Website Feedback</option> <option value="website-error">Website Error</option> <option value="information">Request Further Information</option> </select> </td> </tr> <tr> <td colspan="2"><hr/></td> </tr> <tr> <td>First Name</td> <td style="text-align:right;"><input type="text" id="first_name" name="first_name" placeholder="Your first name"/></td> </tr> <tr> <td>Last Name</td> <td style="text-align:right;"><input type="text" id="last_name" name="last_name" placeholder="Your last name"/></td> </tr> <tr> <td>Email Address</td> <td style="text-align:right;"><input type="text" id="email_address" name="email_address" placeholder="Your email address"/></td> </tr> <tr> <td style="text-align:left;">Phone Number</td> <td style="text-align:right;"><input type="text" id="phone_number" name="phone_number" placeholder="Your phone number"/></td> </tr> <tr> <td colspan="2"><hr/></td> </tr> <tr> <td colspan="2" id="comments-row"><div>Comments</div><textarea id="comments" id="comments" style="width:97%; height:200px;"></textarea></td> </tr> <tr> <td colspan="2"> <div style="float:right;"><button type="reset" value="Reset" id="feedback_reset_button" name="feedback_reset_button">Reset</button><button type="button" value="Submit" id="feedback_submit_button" name="feedback_submit_button">Submit</button></div> </td> </tr> </table> </form> </div></div>') });
error on json parsing on ajax callback
I am making an ajax call which return the following json {"0":"37","id":"37","1":"1","hand_tool_categoy":"1","2":"10 Pcs Allen Key Set","name":"10 Pcs Allen Key Set","3":"handtools182.jpg","image":"handtools182.jpg","4":"ht","type":"ht","5":"{\"f_1\":{\"val\":\"RST- 6A101C\",\"name\":\"art_no\"},\"f_2\":{\"val\":\"\",\"name\":\"feature\"},\"f_3\":{\"val\":\"1.5, 2, 2.5, 3, 3.5, 4, 5, 6, 8 & 10 mm\r\n1\/16, 5\/64, 3\/34, 1\/18, 5\/32, 3\/16, 7\/32, 1\/4, 5\/16, 3\/8 inches\",\"name\":\"size\"},\"f_4\":{\"val\":\"100
AJAX problem with html
I am having a weird problem. I have a php script that is called by an ajax function that is not placing the html returned the way the data is. Here we go. <?php // getMemberVideos.php // Get schedule from the database include "main.php"; // This is for the id vars only $db=mysql_connect($hostname, $idname, $idpass) or die(mysql_errno($db).": ".mysql_error($db)); mysql_select_db($sdbname); // Get the Schedule Table $sql = sprintf("SELECT category FROM schedule WHERE type = 'Video' ORDER BY category
Next Page