Deleting a div
I have three main div in my html file... <div id="main">...</div> <div id="container1">...</div> <div id="container2">...</div> Now in my code i set different Div's in these different div on mouse click events.. My Problem is that I have following structure placed in side #main <div id="itemTriangle1"> <p id="para1">some detail here</p> <div id="itemDetails1">da dada da</div> </div> <div id="itemSquare1"> <p id="para1">some detail here</p> <div id="itemDetails1">da dada
Collapsible set possible in jQury like in jQuery mobile?
I am looking to to do a collapsible set with jQuery on my pages instead of an accordian. I want them all connected as one unit instead of seperate units. Is this possible or do you know of a work around to make the accordian a single unit? Thanks, Clint
Need help modifying .scroll() to include .animate()
Hello Everyone. I have the following jQuery, CSS and HTML that I have successfully implemented. What I need help with is the <a href="#" class="resultsleftcollogo">....</a>. What I need is to have it animate in when .fixed is added, and when .fixed is removed, have it animate out. This would make for a "smooth transition" with the navigation moving up or down when the <a href... is displayed or not displayed. I appreciate any help someone could give me. Thanks! $(document).ready(function () {
jquery php autocmplete dropdownlist items add link.
<script type="text/javascript"> $().ready(function() { $("#course").autocomplete("ajaxara.php", { width: 260, matchContains: true, selectFirst: false }) }); </script>this is my autocomplete js. but i want to add link to source. for example get items is jhon and add link to "detail.php?id=1" how can i do this (:
Rewrite input value
Hi, How can I directly rewrite the input value when a users enters text in an input field ? I am looking to rewrite a field called size. When the users enters 1M it should become 1.000.000 When the user enters 500K it should become 500.000, 1K should be become 1.000 etc.. thanks for your help!
how to get an embed objet from my page and change his properties
hi there executing this code : http://www.aspsnippets.com/Articles/Select-and-Upload-Multiple-Files-Gmail-Style-using-JQuery-and-ASP.Net.aspx this is a part of the code that i get on my asp page <input id="Text1" type="text" value="my_new_folder"> <input type="file" name="ctl00$Main$FileUpload1" id="ctl00_Main_FileUpload1" style="display: none; " width="110" height="30"/> <embed src="/Web/scripts/uploader.swf?fileUploadID=ctl00_Main_FileUpload1&pagepath=/Web/Process/&buttonText=Buscar archivos&script=/Web/UploadVB.ashx&folder=firstfolder&btnWidth=110&btnHeight=30&wmode=opaque&fileDesc=Image
New plugin: multiselection on select, avoiding <ctrl> and using only the <select> tag, no additional HTML
Hi, it is the first time i write in this forum but i often checked it to get helpfull informations. I just would like to share a plugin i wrote; by this plugin you can add the multi selection feature on a select tag, avoiding the <ctrl> button. There are a lots of plugins to do that but they usually add a lots of additional HTML... Mine doesn't add any HTML. I don't write more about it because at this adress (it is my blog, i hope i can post it here) you can find the plugin explained and demos on
JQueryMobile 1.2 rc-1
Hi all, I am new on the forums, and I am not sure if this is the places for asking this thing. I was working with jquerymovile 1.1 and 1.2 alfa without this problem. Yesterday I tried with 1.2 rc-1 ant this does not work. I have this header: <div data-role="header" id="menubar"> <div data-role="navbar" data-mini="true"> <ul> <li><a href="#bro?tipo=uno" data-role="button">Uno</a></li> <li><a href="#bro?tipo=dos" data-role="button">Dos</a></li>
append div + var increase
Hi everyone I am having some trouble figuring out why my script isn't working. What I want it to do is add <div id="img*VARNUMBER*"</div> to my html, when I hit the bottom of the page. I don't know what is wrong at the moment, so hopefully one of you would care to clarify :) Thank you in advance. my code looks like this: <html xmlns="http://www.w3.org/1999/xhtml" > <head> <title>Detect if User Scrolled - DevCurry.com</title> <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.3/jquery.min.js">
jQuery not working in IE using URL Rewrite Module (IIS)
I observed that using Internet Explorer 9 to show a jQuery-page some times the loading gets broken when using outboundRules in Web.config. THE SETUP To reproduce the behavior on a Windows 7 Professional machine (or use attachment): Create a Directory "C:Temp/Test" Create two .txt-files, copy and paste the code below Rename it to default.aspx and web.config. Alternatively use Visual Studio to create these 2 files Download jQuery 1.8.1-min and safe it into the directoy (although it makes no difference
JavaScript doesn't affect Php return HTML in Ajax
Hi I'm using sorting table JavaScript code. request from the server using Ajax the server (PHP) reply simple table that should be sort using the JavaScript code when add the table to the HTML body it works perfect, when I' loading through the server (from PHP) the JavaScript doesn't react what am I doing wrong here is my Ajax: $.ajax({ url: mySite+"func=couponSiteNo", data: "No="+document.CouponNo.CouponSiteNo.value, async: false, context: document.body, success: function (result) { $("#my_div").html(result);
Help: Abbreviate code, please
Demo: http://jsfiddle.net/tedp/aL7Xe/1/ Help: Abbreviate code, please: $('html').click(function() { $('#menucontainer').hide(); }); $('#menuwrap').click(function(event){ event.stopPropagation(); }); $('#menutoggle').click(function(event){ $('#menucontainer').toggle(); });
PLEASE help to correct function
Hello friends. I need help: Only Hide "div.notification-container" when the page loads. Demo: http://jsfiddle.net/P62W4/1/ $(document).click(function(event) { var $target = $(event.target); if ($target.parents().index($('.notification-container')) == -1) { if ($('.notification-container').is(":visible")) { $('.notification-container').animate({ "margin-top": "-15px" }, 75, function() { $(this).fadeOut(75) });
Ajax not working
Hello All, I am trying to use ajax to post variable to a different php page. But for some reason it is not working. I used the following code $.ajax({ url: "phppage.php", type: "post", data: {"variable":"value"}, }); In the php page I am accessing it using: $variable = $_POST['variable']; when I echo the variable, nothing is outputting. I am not able to figure out where is the error. This is the first time I am using ajax. Please help me. Thanks
Problems with certain images loading on Lightbox 0.5
Hello there, I'm having some issues with some images loading on a web page I've applied Lightbox 0.5 to. 'Most' images are loading fine, but for some reason, there are several that, when clicked on, get stuck in the loading image, and won't load. Anything I've done wrong? Thanks in advance. http://reflexology.net/pictures-new2.php
When load .php file some div goes display: none
I am using trying to load a .php file via jquery .load or ajax call. I have also tried many other possible methods to load a .php file vial jquery but I have the same problem. The problem is that: When I load a php file from jquery 2 divs are unexpectedly goes display: none. You can access the website in: http://filmsfolder.com/noteslib-old/test/notesnew/#/login You can use username: ahq_balti@yahoo.com and password: 12345 to see the situation. Well, personal details are already in
Issue with event binding(?)
Hi there, have an issue with one of the sites I'm working in where the jquery selector: $('a[title]').on(...) only gets called when within the site's root. You can see what I mean here: www.cheloufi.com/enoi_v2 When you click on the navigation at the top of the page, the div flashes in and content is loaded via AJAX (and the URL changes from (www.cheloufi.com/enoi_v2 to www.cheloufi.com/enoi_v2/#/enoi_v2/currentpage), and when you close it (via the + button) and try to reopen (via one of the links
Onkeyup event slow in IE - autocomplete search attempt
I have setup a keyup event on a textbox that clears a timer every keystroke, and uses the settimeout function to execute an ajax request. Every browser works great except for IE8 and I am assuming 7. Every key that you type lags in the textbox, but ajax request functions as expected. How do I stop the lagging? I could type 3 letters and they dont show up right away. I appreciate any advice. Below is a code example: //Keypress Function To Block Enter Key $("#textbox").keyup(function(event){
FlexSlider
Hi I'm new to Jquery and I would like to ask for some help. I have begun using this slider (http://www.woothemes.com/flexslider) on my wordpress site. I would like to know if some kind soul could tell me how to set up the slider to only apper from the right side of the screen. Better explained - First I want to slide in a Backgroung Image from right to left and only when the entire Bg in visible do I wan't the slider to slide in from right to left. I appreciate all the help I get. Thanks in advance.
Delete record from database using button and form
I was wondering if someone could look at my code; I'm trying to use a button for a user to click on each record listing and delete a specific record by clicking a button. Here is my jquery function: [code] $("input[name=problemidnumber]").click(function() { var problemid=$(this).val(); $.post( 'problemListDelete.php', { problemid:problemid }, function(response) { $("#problemListArea").load("patientProblemListPull.php"); $("#theProblemNumber").val("");
dialog won't display theme css images
http://pearlwood.com/dialog/dialogTest.html a working dialog without any images or modal overlay image I have been working on this for a long time. I have been told the css referencing is wrong and that I need to to step back one directory level before looking for the images like this 'background: url("../images/ui-bg_h' but this fails as do may other attempts at referencing the images folder. I think there is something else going on but I can't find it. Please Help
dialog won't display theme css images
http://pearlwood.com/dialog/dialogTest.html a working dialog without any images or modal overlay image I have been working on this for a long time. I have been told the css referencing is wrong and that I need to to step back one directory level before looking for the images like this 'background: url("../images/ui-bg_h' but this fails as do may other attempts at referencing the images folder. I think there is something else going on but I can't find it. Please Help
need launch callback after prompt submit
My javascript looks like this: $(document).ready(function() { var user_name = prompt('Please enter your name'); $.post('users2.php', { user_name: user_name, action: 'joined' }); }); it post to this php file. <? mysql_connect('localhost', 'root', ''); mysql_select_db('jquery'); if (isset($_POST['user_name'], $_POST['action'])) { echo "hi there"; } ?> I tried to find a way of using a callback or click method that works with prompt() but I couldn't get anything to work and now I'm too tired
Programmatic way to force button in "up" (inactive) state?
Hello, I see sometimes that a button (e.g., <a href="#whatever" data-role="button">) gets "stuck" in the down (active) state, especially if you hold it for a few seconds. So...is there a programmatic way for me to force a button to be in the up/inactive state? I found ways to make it disabled, so there *should* be a programmatic way to make it active, inactive, etc., no? Also, when a user holds a button, after it becomes "permanently" down (i.e., until you click it again), it also, on an iPhone
Hover image problem
Hello I'm using the Jquery below to enlarge some images on a site. The problem is when I prep the images at 400 pixels the page site opens up with all the images at 400. Once the end user goes over everything looks as it should. When I prep the images at 150 pixels the end result is disappointing as the enlargement is so pixalted that it is hardly legible. Ideally I would like the page to load at 150 pixels and hover over at 400 pixels. I've tried unsuccessfully to load the Jquery on page open,
Retrieving JSON objects from another page - Questions
I want to retrieve a JSON object from another page using either the ".getJSON()" method or the ".ajax()" method with a "dataType:json" parameter to retrieve the JSON object. When the request to retrieve the JSON object is executed how will it know where to find the JSON object? I've not seen an example that shows exactly how the JSON object needs to be stored or placed on the original page which will be generating it. Does it just look for the first or all JSON objects that it finds on the target
How to refer to to different radio button groups in same jquery function
Hi there, I am creating an online questionnaire with a page full of groups made of: question radio buttons (Yes/No) hidden textarea in a div that appears if the above radio button is yes This pattern repeats 9 times with a different radio button group each time. I am using the jquery slideDown function to make the hidden textareas appear if the yes button is clicked, but I can not figure out how to write it so it only refers to the radio button group currently clicked. Currently when I click a
Putting apostrophes on a comma separated string
I have this sortable http://jsfiddle.net/thiswolf/HJBc3/1/ and it gets me a list of comma separated string for instance five,5056e32ccb09d,5056e33c86eb5 but i would like 'five','5056e32ccb09d','5056e33c86eb5' Here is the jquery code i am using jQuery(function() { $('.krudSpace').sortable({ update: function(event, ui) { var newOrder = $(this).sortable('toArray').toString(); alert(newOrder); //five,5056e32ccb09d,5056e33c86eb5 //'five','5056e32ccb09d','5056e33c86eb5'
Is there a way to 'force' JQM in to thinking that's a specific browser/platform that are being used?
Hi. Is there a way to force JQM into believe that the code is executed under another browser/platform than it really is? An example could be fooling JQM into thinking that it is execution on a 'Retina' display, when it is actually running in Firefox. I know I could use a Proxy, where I can set these 'properties' but if there is a buildin debug/dev mode I could use instead, I would do that. Kindly regards Ruffio
Dim background on entire page
Hi all, Does anybody know how to dim/fade the entire page using JQuery? I would like a mouseover effect to activate the dimming effect. Regards, Lasse
Hello friends. I need help to complete code (show and hide div). PLEASE
I'm doing a simple menu. I need two actions: 1 - Click on "h1" ("Titulo") shows div. " .contenido " and again click hidden div. ".contenido"; 2 - Click on "body" hidden div. " .contenido " Demo: http://jsfiddle.net/biof/cVmUY/ $(document).ready(function(){ $("body").click(function(e){ $(".contenido").hide(); $(e.target).closest('.seccion').find('.contenido').show() }); }); MIKEPIANIST
[jQuery] Case Insentitive Selectorys
I am making search in an xml file, but I don't get expected results since jQuery selectors are case-sensitive. I use something like $(returnedXml).find("item[name*='"+search+"']").each(function(){ }); How to make it INCASE-SENSITIVE?
adding scripts and css
scenario: an app with five pages: does each page require the javascript and css declarations in the head section? or declared only once in the head section of the index page?
Refactoring first functions to work with parameters?!
Hello everyone! Well, I'm new to JavaScript and jQuery and after my initial successes I'd now like to refactor my tiny bit of code to make it more generally usable. Therefore I'd like to use parameters and use those for the functions. But I'm a bit lost there. I've programmed in JAVA before and I don't really get how to pass parameters in jQuery. This is my code so far: // Ajax - Here be dragons! /** * Login Popup * Ajaxiness ftw! */ $(document).ready(function() { $('a.login-link').click(function(e)
popup on page2 navigates back to page1 after close
This issue occurs on all browsers (including mobile ... tested on my Gingerbread 2.3.7 and ICS), except IE. I click a button to change from page 1 to page 2 and then click another button that shows a popup, but when that message is closed it goes back to page 1. I click the button on page 1 again so it goes to page 2, but then the popup button doesnt work. page1.html <!DOCTYPE html> <html> <head> <title>aWe</title> <meta name="viewport" content="width=device-width, initial-scale=1" /> <link
Trying to detect the proper load event for video source object (thorough question with demonstrated attempts)
Starting on line 12 (relative to this code segment) I am setting a global variable to keep count of how many source objects of k8r_modalVideo are ready to be played. Below line 12 I am attempting to set up an even protocol, "When the source object of k8r_modalVideo are 'ready' then add 1 to the counter". I have used .ready() as seen here http://k8r.us/test4/beta/1/ and I have used .load() as seen here http://k8r.us/test4/beta/2/ I have also tried using .ready() on the video object itself here http://k8r.us/test4/beta/3/
hi i m new to jquery
i want to a build a css generator where i can get the code of css that has hex color generator and in the code so like i choose color using hex :........... and like in the js file i can change the div when i want css code comes up like this #div { background-color:#ffffff; } please can someone help me with this thank you
How to return an action (post a form) and a value from a jquery ajax request
I' am calling it with this function $.post("buscaamigo.php", {queryString: ""+inputString+""}, function(data){ if(data.length >0) { $('#suggestions').show(); $('#autoSuggestionsList').html(data); } });
$.ajax() function working in IE but not in Chrome and FF
I hope this question is not asked in this forum before, tried searching alot but none matched or worked for me. Below is the JSFiddle link of code: JSFiddle (Try to save the file(code given below) as html and run it using chrome) Everything is working well in IE8 and IE9 but not in any other browsers. I tried looking for the problem in Chrome from which I got XMLHttpRequest cannot load http://v3.actisku.com/GetUserPostData?pid=Test-37&surv=1170. Request header field X-Requested-With is not allowed
solved: $("#parent").removeClass("cls") removes cls from children
PLONK sorry for bothering anybody. Off course it works... --- hm, my first post is lost somehow ... again ;) I have a small problem. Here is the html <div id="boxnav" class="hidden"> <ul> <li class="" id="nav_kunden"><a href="#"><p class="boxnav_title">Kunden</p> <p class="boxnav_img"><img src="/pics/kunden.png"></p></a> <ul> <li><a href="#" id="nav_kunden_wart"><p class="boxnav_title">Wartungs-Kd</p> <p class="boxnav_img"><img
Next Page