trying to get an ajax call to work.
I'm just new to ajax and I'm having some trouble getting results to display when the controller is returning an emtpy array. What I'm trying to accomplish is to display a combo box when the user clicks on a control called L1Locations. If it's an empty array, I don't want to display a box at all. But right now, it always displays a combo box. Can you tell me where I'm going wrong? the output i get from my controller looks like this: ({'2.5':"Admin1", '2.10':"Admin2"}) and where it's an empty array,
Embedding Google Calendar into Mobile Site
Example: http://m.troop101.net/calendar.asp When I view this in Chrome on my PC, I don't have a problem, but when I view it on my Droid I notice clicking an event scrolls the Agenda list. Is there a way to prevent this? Thanks!
enum in jqery
can anyone tell me how to implement enum in jquery var Direction = { North:90, East: 180, South: 270, West: 360 } can i use key value pairs for enum representation in jquery
Can't get jQuery working with JSF2.1
I can't seem to figure out how to get jQuery to work with JSF2.1. Any solution I find seems to send me head first into another roadblock that I honestly don't even know which problem I'm trying to fix anymore. I've tried to get around issues involving JSF prepending, XHTML CDATA, using external javascript files, and some other failed attempts I can't even remember. If anyone could provide me with a basic example of a JSF2.1 page with, say, a button that executes .mousedown(), I would greatly appreciate
jQuery find string then change class
I am trying to make this code that will find a certain text string and add a class to the certain <td> code is below...and i'm trying to think of everything that i can do to make this work tried it does not work :( $(function() { var foundin = $('tr:contains("KandiMan666")'); if $("tr.post").addClass("classname").removeClass(".post"); else $("tr.post").removeClass("classname"); });
Why doesn't submitting a form via the submit method on the form element invoke $.submit handlers?
See http://jsfiddle.net/8KNc7/5/ for a working example of what I am talking about (testing in Firefox 15 right now, haven't tried others). I have a form with a submit input and a button input that both submit the form data to the server, but only the submit input causes the jQuery submit event to run. Why is this? Form: <form action='/echo/html/' method='post' id='Form' name='Form'> <input type='hidden' value='posted' id='html' name='html'> <input type='submit' id='submit1' value='submit
How to use both media query and jqm on the same site
I use media query to handle the css for desktop and mobile version responsively. <link rel="stylesheet" media="all and (min-width: 800px)" href="desktop.min.css" /> <link rel="stylesheet" media="all and (max-width: 799px)" href="mobile.css" /> How do I load jquery mobile file ONLY in mobile device? Now I load it using javascript: if ($(window).width() < 800) { $.getScript("http://code.jquery.com/mobile/1.1.1/jquery.mobile-1.1.1.min.js"); } The problem is with this some android device
Problem with 'closure scope'?
Hi. I didn't know, where can i put my problem so i put it in source of library, that i use;) I have a untypical problem. I made my webpage at test folder eg. http://blabla.com/test/ and my webpage works good. So i decide to replace older version and migrate him to main catalog and i get a problem. Unfortunatelly some of new services don't work properly. So i use a firebug and switch on debugger and i see, that one more step is running in bad working version of webpage. Closure Scope Closure Scope
problem making load page into div work
I am reworking wwww.tremyfoel.co.uk/beaches.htm page from a javascript that swapped in via a hidden iframe to jquery load - looked like a more efficient and easier solution. However I am having persistent problems making it work, I have tried a variety of slightly different formulations, and set up this test page: www.tremyfoel.co.uk/jqueryTest.htm two of the test (text) links work, the image links don't (merely opens the page rather than loading into the div) and I just can't figure out why. Although
activate jquery typewriter effect onmouseover
I want to activate a typewriter effect when mouse hovers over image. The image points at a flashing cursor, I want the cursor to look like it is typing out the text; DESIGN STUDIO and then the cursor to disappear once that has been written. please see http://i-n-t-e-l-l-i-g-e-n-t-s-i-a.com/entry.html
Table Sort problems sorting Dates and Numbers
I am using tablesorter.com as my reference for setting up Table Sorting, and while the demo works great within my stuff it does not seem to sort the dates correctly or the numbers, as an example, this is what I get when sorting one colunm? Do I have to define the format of the date? Or when I try and sort numbers. Only Question I have is I am dynamicially creating the Tables in PHP, reading the data from a database or xls file gives the same results. Numbers 9999999 999999 952 900 750 7050 7000
__exposed_props__
My apologies if someone has already raised this (I couldn't find it with a search) but jQuery -- at least jQuery 1.7.1 which I am currently using -- apparently exposes properties without using __exposedProps__. Starting in Gecko 15.0 (Firefox 15.0 etc.), exposing functions or objects without using __exposedProps__ is deprecated. __exposedProps__ will be mandatory starting with Gecko 17.0. See https://developer.mozilla.org/en-US/docs/XPConnect_wrappers#__exposedProps__ for details. JM
wrapping jQuery function call within a div tag?
Hi everyone, i am trying to make a google Calendar feed using jQuery, in by which it shows the upcoming 5 events in a list view...I have got the calendar to show 5 of the upcoming events however i am trying to place it so that the list should only show within the contents of a box with a fixed size, for example within in a table or a div tag with fixed with off 200px. the problem i am having currently is that i want the list to be displayed in the last row of the table within the div tag, however
Toggle jQuery function onload code behind asp.net
I have inherited a project that uses jQuery and I am really not familiar enough with it to figure out how to change this to do what I want it to do. I am currently coding in ASP.NET (VB) and I have a working fully functional jquery function to toggle a slider and change a class. The class more or less just switches the image on the button from "Show Text" to "Hide Text" and then expands the div to show the text inside of it. All of that is good and well and works fine. Now, during the page load
increment element ID problem
I am having a problem with my script that clones the exsisting div increments the ID and then appends the results to the new div. The result show and they increment the first time but after that they never continue to increment passed 1. Am I going about this all wrong? i have a jfiddle link to some test code as well if you need. http://jsfiddle.net/catavitch/5yFDt/1/ var mycount = 0; mycount = parseInt(mycount); $('#copy').unbind('click'); $('#copy').click(function() { var template = $('.person').clone();
How do you close or preset a Dialog popup programmically when left open.
How do you close or preset a Dialog popup programmically when left open. I have a condition when a user selects a link in my dialog box that takes them off-site to another website, this leaves my Popup dialog still open and even when i re-enter the mobile website the dialog is still active. How can I make sure the dialog is closed and not cached and active until a user selects it. I also have this condition with collapsable. how do i make sure they are closed and not cached if the user just leaves
.serialize javascript array question
I've used the .serialize method before on form objects but how can I serialize a standard javascript array? // this doesn't work var myarray = [1, 2, 3, 4]; myarray.serialize(); //error returns: Uncaught TypeError: Object 1, 2, 3, 4 has no method 'serialize'
How to add style in textarea
When you type @ in facebook's textarea and select the name you want, it will add the name into textarea with some style, any jQuery plugin can do this?
Image resize proportional to window resize
i need to resize an inline img upon user window resize, while respecting the original proportions from image/window... using the following code, the image gets resized way too much... what am i doing wrong? must be some logic mistake by me... please help $(window).resize(function() { // window dimenstions var windowWidth = $(window).width(); var windowHeight = $(window).height(); // figure dimensions var figureWidth = $('#detailScreen figure').width(); var figureHeight
Iframe not scrollable for android devices versions lesser than 2.4
I am trying this code in android device. <div id="olayer_div" style="height: 480px; opacity: 0.9; background: url("black.jpeg") repeat scroll 0% 0% rgb(15, 255, 255);"> </div> <div id="i_id" style="position: absolute; top: 15px; left: 15px; z-index: 99999; width: 290px; display: block; height: 270px; opacity: 1;"> <img id="cl_id" src="images1.jpg" alt="X" style="left: 5px; top: -8px; position: relative; float: right; cursor: pointer; z-index: 999999;"> <iframe id="i_iframe" width="290px"
can't test for am in last element or not.....
example I can change the css for the last element with a simple event-binding (triggered by a link), but I can't test for whether am clicking on link in last <section> or not..... i.e., this works... $('section:last a').css('color','#ccc'); but for some reason this does not work: if ($(this).parent().parent().is(':last')) { console.log('last'); // fires off even if click on link in last 'section' // } else if ($(this).parent().parent().not('div section:last')) { } else if ($(this).parent().parent().not('last'))
Problem with use of .parents()
I've the following situation <table> <tbody> <tr> <td> <table> <tbody> <tr> <td><a class=little></a></td> </tr> <tr> <td><a class=little></a></td> </tr> </tbody> </table> </td> <td> <table> <tbody> <tr> <td><a class=little></a></td> </tr>
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">
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
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("");
Next Page