submit event
Hi all, I have a problem with Jquery's submit event (I'm pretty sure it's a lame one because of me being tired...) I'm using jquery and cakephp 1.3 to send some data in ajax. The problem is, it reloads the page with the request but doesn't uses ajax... here is my code <?php echo $this->Form->create(null, array('type' => 'get','id' => 'searchtagform',array('url' => ''))); echo $this->Form->input('tag', array('label' => '','id'=>'searchField')); echo $form->submit(' ', array('label'
Loading external content into a DIV?
Hey guys, I'm trying to build a web portfolio and I want to be able to load content into a div by clicking on menu items. It seems easy but none of the tutorials or videos work for me. It really is starting to piss me off because all the links on my google search have been visited and still nothing works.
$.get [getting the contents stored on a text file]
Hello, I'm just too vague over my understanding as to what I know so far may be true or not. Suppose, I a text file stored on the server. We all know that when a file stored on a server is opened for viewing, some bandwidth is consumned and the consumption increases with every refresh of the page and so on. So if i use $.get on the client browser to reteieve the contents of the text file stored on the server, will it affect the server bandwidth consumption? I just want to make it clear that it
Not able to add a class to the parent
<ul id="menu"> <li><a href="#"><strong>Electors</strong></a> <ul> <li><a href="A.asp">Conditions Required</a></li> <li><a href="B.asp">Verification of Entry</a></li> <li class="submenu"><a href="#">Special Measures</a> <ul> <li><a href="C.asp">Documents of cultural communities</a></li> <li><a href="D.asp">Measures for remote regions</a></li> </ul> </li> <li><a
Problem with Ajax .get ?
What is wrong with this? Trying to return text data from an ajax call. Getting a syntax error $.get('APAJAX.PGM', ({vendor:$vend, invoice:$inv}) function($text) { }, 'text');
Dynamically loading the list items in a looong ul
Hello people, I have a ul that contains almost 250 list items but i dont want to load all the items at once...only those items that users has scrolled to....suggestions ?
Event firing twice (again... I know...)
I notice that there has been talk about peoples Jquery functions firing twice. But none of the answers to their problems seem to solve mine.. Can anyone tell me why this event i fired twice: (When I click any one of my links with the class "popweb_jquery_tran", the event is being fired twice) $(document).ready( function() { $('.popweb_jquery_trans').unbind("click").click( function(){ $('#JQ_content_box, #JQ_footer_sublinks').animate({ opacity: 0 }, 500, function() { }); return false;
Issue with using .Get with a relative path URL.
I'm having an issue using .get and a callback. Basically, unless I use a fully quantified path when I deploy my site the call doesn't work. When I'm developing on localhost, the site works fine. It's an ASP.NET MVC site. I'm fairly new to jQuery... If I replace the code with an absolute path, all seems fine. Obviously I'd rather use relative paths... I'd be grateful for any insight you could offer... Here's the code: <script type="text/javascript"> $(function () { $("div.initiative").click(
jQuery .animate to bottom of view port?
Hi All. I want to animate a div on my page from the middle of the view port, to the bottom of the view port that the user can see on the screen. What I mean is that, no matter what size the window is, the div would start in the center (vertically) of the screen, and when clicked, would animate to the bottom of the view, without making a scroll bar. I have the div animated, but I'm unsure on how to get it to react to the user's view (window size). Any help please? Daniel.
ajax call to server fails
I've been trying to do a quick timed "server status" script, but it's not working for remote servers (only for local files). I get a consistent errors return even on 200 status return codes for remote servers. ie. url:"file.ext" works while url:"http://server.address" doesn't. Below is the snippet: function srvstats(){ $.ajax({ url: "http://server.address.goes.here/", cache: false, success:function(response){ $("#serverstatus").removeClass("down").addClass("up"); $("#serverstatus").html("Server
URL/URI and path styles for navigation
A few months ago I was pretty excited to run into jQuery mobile. I needed to write a mobile app and being a pretty big fan of jQuery I figured it would be a great fit. I immediately started running into issues with the way that jQuery mobile was handling URLs for its fancy AJAX navigation. I found some temporary workarounds (mainly by way of disabling AJAX entirely for all form submission and about 50% of the links) in the hopes that it would be fixed sooner rather than later. The problem Almost
Why doesn't bind() work with browser plugins (COM objects)?
Windows Media Player, Adobe Reader, etc. None of these can have events interacted with via jQuery's bind(), although falling back to the native implementations work fine. Anyone know why is this?
DropDownList selected value set by jQuery doesn't hold value at postback
I'm new at jQuery and I'm running into a problem where the value I select in a dropdownlist doesn't hold once the postback is hit by a button. My dropdownlist: <asp:DropDownList ID="_ddlGender" runat="server" > <asp:ListItem Text="" Value=""></asp:ListItem> <asp:ListItem Text="Male" Value="M"></asp:ListItem> <asp:ListItem Text="Female" Value="F"></asp:ListItem> </asp:DropDownList> Here's my jQuery code: <script language="javascript" type="text/javascript"> $(document).ready(function
Animating a dropdown menu
So I have done this meniu and I have 2 problems. 1. When I hover on a link, it does 2 animations, but when I "unhover", it doesn't reset the default values also with animations. I kwon the problem might be the display none in the css, but I really have no ideea how to get around that. 2. As I sed above, when I hover on a link, it does 2 animations, but when I move the cursor to a nother link, it doesn't "re"-do the animations anymore. Hope my bad english didn't confuse you to much, appreciate any
How to make existing JavaScripts & xml parsing browser independent
Hi, We have an web app where client side JavaScript is used heavily and ONLY works in IE (All versions). However, we want to make these JavaScripts browser independent. We use Microsoft technologies such as Asp.net/Classic asp etc. We have mostly used XML (using activeX object such as new ActiveXObject("Microsoft.XMLDOM")) in JavaScript to: - Get data from server in XML format - Load to XMLDocument - Parse the document - Transform the document using XSLT How can we make these above steps
jQuery UI Autocomplete After request hook/event?
Hi, I'm using jQuery UI Autocomplete search and open events. But the open event is only called when the request is successful and there are elements. There does not seem to be an event when the response is successful but empty. I display and hide a spinner logo when triggering the request, like this : search: function() { $('.spinner').show(); }, open: function() { $('.spinner').hide(); } This works well when there are elements in the server response but if the server response is empty the spinner
Dynamic data insert into a plain content Div and jquery Mobile
I need a little Help with a call to add content dynamically. I'm trying to load a page that dymanically generates a table into a div with jquery mobile: Taking the date value from the datepicker and I have a routine to generate the url: <div data-role="content"> <form action="" method="post" onsubmit="javascript:getData(this);" > <div data-role="fieldcontain"> <input type="date" name="eventdate" id="eventdate1" value="" style="display:none;" /> <button type="submit"
IE9 + prototype + jQuery conflict
Hi Everyone, I've noticed this strange conflict when trying to get the width of a jQuery object in IE8/9 when prototypejs is also loaded. I'm using the latest version of prototypejs. version 1.7 IE8/9 w/o prototype works correctly. IE7 w/ prototype work correctly. The object I'm trying to get the width from is a DIV with absolute positioning and a width of 500px in the style attribute. It's called #INFO_DIALOG. // supposed to return 500, but returns the WINDOW width. same as jQuery(window).width();
Jquery Issue
I have content (done in jquery) that gets added to a website (anyone on the web, which means I have no way of knowing what they are using). I started with doing a jquery check to see if jquery needed to be installed, but found that my content needed a new version, which others didn't have installed on their site. I am now trying to figure how to go about allowing multiple versions of jquery on a site... so their site could have <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.2.1/jquery.min.js"
JqueryMobile/Drop down to display US States
I noticed when I select an US state from the drop down, If I selected Wyoming where it was last state in the drop down , the next time I go back to the drop down again, it only displays 25 states starting from Wyoming, I cannot scroll back to the 1st state in drop down any more. Did I miss out something here? <div id="divByAddress" style="display:inline"> <div id="divByAddressInput" runat="server" style="display:inline"> <p>Enter address,city and state to find
jquerymobile CSS and n97 support...
Hi all, ive been creating a mobile site for veepiz and i have fallen on a few snags.... i happened to fall on a nokia n97 and tried the website. no css was applied to the website.... and i couldnt login... after some digging i came up with this <script type="text/javascript"> $(document).bind("mobileinit", function(){ $.mobile.ajaxEnabled = false; $.mobile.ajaxFormsEnabled = false; $.mobile.ajaxLinksEnabled = false;
Setting accept when uploading file
Hi all, I'm trying to upload a form via jquery forms plugin. Here's the form: <form method="post" action="<spring:url value="/grouplist/uploadavatar.do" />" enctype="multipart/form-data" id="formUploadAvatar"> <table width="100%"> <tr> <td width="25%" style="padding-top: 30px; margin-top: 30px; "> <spring:message code="usersettings.form.usersettings.avatar"/> </td> <td style="padding-top: 30px; margin-top: 30px; vertical-align: middle;">
autocomplete: how to hook on on blur events?
hi I've a autocomplete on top of an input text and I would like to hook in each time the user changes something in it. I tried to put a blur() on it but then the autocomple behavior wasn't working anymore. How can I get both ? For some willing to know, I'm trying to do an autocomplete where only the values selected from the list of choices are accepted. Any hint welcome
listnav
it doesn't work on the next page for another list eg :- i have one list on first page and second list on second page it works fine for the first page but for the second page it gives error like listnav is not a function
NEW (MVC PLUS) LIBRARY OVERVIEW.
MVC PLUS library is the most advanced component set exists now, in this long video (39 minutes) you will see a demo of it in .NET version , another java version is exists also. (if you dont like to see the way of MVC development just simply go to 23rd minute of the video) VIDEO Link is: http://www.screencast.com/t/HP0SqOATe6eC any question: ryansamiee@gmail.com
Convert table to list
I am converting a <table> to list (<ul><li>) I have 25 row and each row has 5 col. I'm putting the first col into an <li> and getting background color from the remaining 4 col. my code works for the colors however I'm not sure why? I'm only looking at the first child in the <tr> and yet it's returning the color for all 4??? Also I need to count the rows and add to the current rendered list function convertToList() { $('#tblHospitals th').remove(); var list = $("<ul></ul>");
Load any resource (well, popular ones: images, audio, video) given a url
Hi gang, Is there an extension or plugin that could take a url to some media -- video, audio, image -- and just load it / display it on the page? I came across jQuery Media (http://jquery.malsup.com/media/), and it looks like a good start at what I'd need. Although it just focuses on video and audio, not general images. Are there any other plugins besides jQuery Media that would get me even closer? Many thanks, Chris
Load Pages
Hello, I have three pages: reg1.htm, reg2.htm, reg3.htm On page reg1.htm, I have a form that uses jQuery to validate and send via email the user data. My problem is that once this process ends, I want to automatically load the pagereg2.htm . How I can do this, please?
Trouble with dialogs
Hello! For three days I trying to fix my problem and I can't do it. I think live example was good idea. I have problem with dialogs on my site. You can check it on http://www.knights.pl. When you click "Tawerna" (this is forum) and when subpage was loaded first time everythink works fine, but when you click "Tawera" one more time page loaded successful, if you click "Zarządzaj moim kontem" dialog open, but buttons don't work. If you close and reopen dialog everythink works fine... It is my
Removing script tag on ajax load
Hello all, I'm using ajax call like below - $.ajax({ url: "/page/test.html", success: function(data){ $("#something").html(data); } }); The first line of this file is: <script type="text/javascript" language="JavaScript" src="/js/jquery.js"></script>I currently don't have control over this file and want to remove this script tag. I've tried lots methods and still I can't seem to remove the script and the file each time gets downloaded
gomap and street view
Hi there, i'd like to get rid of street view on the maps i create into dynamic pages, but i can't find a way. My code is working fine (php for the dynamic part), but always shows the street view icon; the preview map iframe is really small, so i prefer to generate it without street view. Any suggestion would be really appreciated, thanks <script language="javascript"> $(document).ready(function() { $(function() { $("#map").goMap({ markers: [{ <? echo $address; ?>,
get/set textbox created dynamically
Hello, I dynamically create a textbox as follows, but I cannot retrieve the value entered by the user: bp_boards = ' \ <tr id="hwNumberBoards"> \ <td>No. of modules:</td> \ <td><input id="hwNumberBoards" name="hwNumberBoards" type="text" size="3"></td> \ </tr> \ '; $('#hwStructureDetails').append(bp_boards);
jQuery 1.5 .load() - possible bug with imported Javascript?
Forgive me if I'm mistaken with this I haven't been using jQuery for long. On my site I wanted to use the .load function to "import" some Javascript into the page and have it execute, I followed the documentation which says : $('#result').load('ajax/test.html #container'); Using Firebug I checked the response and everything seemed to have worked fine but the Javascript didn't execute as expected. If I changed the code to $('#result').load('ajax/test.html#container'); Basically just removing the
SSE is not supporting in android.
Hi , am using jquerymobile alpha3.. in that am using SSE for rendering the events from server but its not supportted by the android....insted of that what can i use to get the server events in which it should support in all the emulators ... Thanks, Suresh
jqXHR.abort breaks ajaxStart and ajaxStop
I am using jqXHR.abort() to cancel pending Ajax requests. However, using abort causes ajaxStart and ajaxStop to break, so I tried the following fix: f_abort = XMLHttpRequest.prototype.abort; XMLHttpRequest.prototype.abort = function() { $.proxy(f_abort, this)(); if ($.active === 1) { $.event.trigger("ajaxStop"); $.active = 0; } else if ($.active > 1) { $.active--; } }; Something that puzzles me is that I can not find where jQuery.active is given an
fadeIn + append/appendto
Hi Guys, am I not able to fade in some content, which will be append to an div?? Here is my test case: http://jsfiddle.net/n3ZFt/1/ THX
Ideas on absolute positioning of dynamic content in mobile web app?
Hi, I'm currently developing a mobile web app using jQuery Mobile and before I get to far deep I'd like to hear your thoughts about using absolute positioning of dynamic content in a mobile web app! I use it when I need to populate data from database through php and ajax and in this case I think it is convenient to "design" a template page with absolute positioning my divs. I use different class names for all fields I want to replace with my data from ajax using things like: $(newRow).find(".row_header").text(object.NAME);
Getting $_FILES from input.
Hello, i have a form with a file upload. When i click on the submit button i will send the file with $.post to my php script. In the PHP Script i must use the variable $_FILES[]. How can i realize this? I try $('form').find("id").get(0).files[0] but it return an object and not $_FILES[]. Can anyone help me? Source: $("#cl-entry form").submit(function(event) { // Stops submit action event.preventDefault(); var $form = $( this ), image = $form.find( 'input[name="image"]' ).get(0).files[0], url
trying to understand callbacks
Im new to js and jquery. I have created some nice animations and stuff but I am stuck in one point. Ive searched everywhere, checked every document and tutorial but I cant find where I am making the mistake. why isnt this working? $(document).ready(function(){ $('#startButton').click(function() { alert("wtf1"), (function() { alert("wtf2"); }); }); });the first function gets called but the wtf2 is never called.
Retrieving margin-left in Firefox & Opera
Stumbled onto this one: retrieving the margin doesn't seem to work in Firefox or Opera. This is code I'm using, which works fine in Chrome, Safari and IE: var contentmarginl = parseInt($('#wrapper').css('marginLeft')); // fails var contentwidth = $('#wrapper').width(); // works alert(contentmarginl); The alert returns (in my case) 350 in the complying browsers and 0 in FF and Opera. Is this a bug or my error? Is there a known workaround? EDIT: Just tested in XP sp3 IE7 &
Next Page