Character counter
Hi guys, I need some help with a character counter in a textarea with a maximum of a 100 characters. There must be a text at the outside right bottom corner of the text saying eg 77 characters left. Thanks in advance
select value to $.ajax type post
Hello, Sorry, I looked for in this forum but I didn't find anything :( I want to forward the result of my select (one choice) to my php file thanks to Jquery.ajax but "$('#cdr_search_list').val" seems not to be a good method. In fact, I have the following answer with Firedebug : Array ( [cdr_search_list] => Array ( [0] => test1 ) ) Code : $('#cdr_search_list').bind('change', function() { $.ajax({ url: 'proxy_cdr_get_id.php', type: 'POST', data:
Load Deprecated
The event load (window, image) is the in deprecated list. I could not find the alternative in the discussions or on the specific API entry. Is this just going away?
trying to determine IF a text element IS a label for a select
I need to be able to tell IF a text element is a label for a select ( if it is I will ignore it ) <div id="text28202" style="visibility: inherit;"> <a id="a_1_3_10" href="javascript:radio28203id.click();" name="text28202anc"></a> <label id="label28203id" for="radio28203id"> <p style="margin-left:0px;text-indent:0px;line-height:1.394;text-align:center;"> <span class="text28202Font1">Strongly Agree </span> </p> </label> </div> In other words - How
click event with overlapping
Hello guys, I've read of a nice function a few weeks ago to solve the following problem...: Imagine we have a foto-galery and a layer on the complete page filled with black with an opacity of 50% to make the "background" darker so that the image is in foreground. Now i want to trigger a click event which is on the "normal page" behind the dark layer. But when i click on this, it obviously click on the dark layer because the layer is above all the other elements and the click event isn't triggered.
Show then delay and finally hide
Hi All, I am trying to show a hidden div if a certain condition is met, then have there be a delay and then finally have the div hidden again. Here is what I got: HTML: <span id="category_message" style = "display: none;"><h3 style = "color: red;">Invalid Category</h3></span> jQuery: $j('#category_message').show(0); setTimeout(function(){ $J('#category_message').hide(); }, 2000); I have also tried several variations of this and what happens is that the show works great, but the delay and the
How can I make divs fade in from black and white to colour on mouseover?
Hi, On my page there are four columns of images. please see http://i-n-t-e-l-l-i-g-e-n-t-s-i-a.com/entry.html There is some jquery (which is commented out at the bottom of the html, see script below also) that converts all images to black and white and when you hover they fade to colour, which is what i am trying to apply to these images. however when i do apply it it totally changed my css. Dow anyone know how I get this to work on my page? $(window).load(function(){ $(".wrapper img").fadeIn(500);
onclick in span
hi guys my code working in ahref now i wanna apply in another div with span, some tips? code bellow. <script type"text/javascript"> //<![CDATA[ function change(type){ $('.teste a').removeClass( 'arial' ); $('.teste a.q'+type).addClass( 'verdana' ); if(type=='page1'){ citem(iten1); }else{ citem(iten2); } } var iten1 = "<? echo $['page1']; ?>"; var iten2 = "<? echo $['page2']; ?>"; //]]> </script> <!-- now this div working.... --> <div class="teste"> <a href="#" onclick="change('page1')" class="arial">on</a>
How do I send delete an item using PHP,AJAX,jQuery?
Hello I need to know how to delete an item using ajax and jquery and PHP? Normaly here is how i do it using PHP only <a href="removeItem.php?id=10">Remove Me</a> in the removeItem.php file i do something like this $id=$_GET['id']; mysql_query("DELETE ***********");so I want to do the same thing using jQuery and ajax so the page will not refresh! so when a user click "Remove Me" link it will instantly remove that item without refreshing the page. Thanks for your help
How to pass parameters to jquery functions kept in external file?
Hi, I want to pass some values to jquery function, which kept in external file. Can we pass values to such external functions? and how? Thank you.
Ajax call doesn't hit ASPX Page Method
Trying to call a WebMethod on an ASPX page from jQuery.Ajax call on client. Have seen this done on several web pages and instructionals. Problem seems to be that the actual web method is never 'hit' although the ajax call returns success, all that is in the data returned is the html of the page that made the call. Using VS2010, jQuery 1.8.1 PAGE CODE: <%@ Page Language="C#" AutoEventWireup="true" CodeBehind="WebForm1.aspx.cs" Inherits="WebMethodReturnsDataTableJSON.WebForm1" %> <!DOCTYPE html PUBLIC
Problem with jQuery.ajax ()
Good afternoon, I'm having a problem with the method jQuery.ajax () and ja walked laps here and did not find solution anywhere. What happens is this, you have this code in functions.js: function login() { var user = jQuery("#user_login").val(); var pass = jQuery("#pass_login").val(); jQuery("section #login").effect("fade", 500); jQuery.ajax({ type: "POST", url: "ws/login.php", dataType: "json", data: { user: user, pass: pass
custom scrollbar not working when loaded via ajax
Hello, Can someone help me please?Actually im using a custom scrollbar which on load is applied to a div tag,which works fine,but after the content of the div is replaced with new content via ajax,the custom scroll stops working. Can anyone help me about it? Thanks
popup jquery
i am looking for popup jquery plz suggest i added some but its not working for me plz help
style active link
I created a demo. http://imunderdevelopment.com/john/demo/link.html I want the active link to NOT be hidden but the other menus to be hidden. I'm not sure how to have my jquery know/select the active link. var DDSPEED = 10; var DDTIMER = 15; var OFFSET = -2; var ZINT = 100; function ddMenu(id,d){ var h = document.getElementById(id + '-ddheader'); var c = document.getElementById(id + '-ddcontent'); clearInterval(c.timer); if(d == 1){ clearTimeout(h.timer); c.style.display = 'inline';
Countdown timer with milliseconds
Hi All, I am trying to create a countdown timer, that will down from 10 minutes. I can show the minutes and seconds but the problem is how can I show up the milliseconds for example my timer running like 09:26 for minutes and seconds I need to show 09:26:50 with milliseconds also in two digits. Please help me. Thanks in advance..
Issue with movable widget using jquery
Hi, I am using movable widgets in my application. I am using .aspx page and in that aspx page I am loading user controls (.ascx) file dynamically using LoadControl. Structure of widget (user control) is as follows <%@ Control Language="C#" AutoEventWireup="true" CodeFile="TestUserControl.ascx.cs" Inherits="widget_TestUserControl %> <li class="Testmod1 NotMovable" id="mod1"> <div class="Testmod1-head"> <div class="Testmod1-head-cont"> <div class="sIcon"></div> <span class="Testmod1Title"> <a
Click event gets fired multiple times
Hi, I have following htnl code <div id="divTag1"> <div class="singletagblock" > <a href="/Tagging/BrowseTag" id="tagname">tag for details page</a> <a href="" class="removetag" id="removeTag1"></a> </div> <div id="addtag1" style="display:inline-block"> <a href="#" >+Add tag</a></div> <div id="divAddTagBox1"> <input id="txtTag1" name="tags" type="text" value="" /> <input type="button" value="Add" id="btnAddTag1"/> <input type="button"
Getting animate and fadeIn events to work
Hi Guys, l just started using jQuery a few days ago and l ran into a couple of issues l'm trying to solve. Here is what l need to do: 1) A user clicks on a link a - A heading fades in Then b) a paragraph/details animate up, to just below the heading 2) The user clicks another link and the same thing as above happens but for a different heading and details. a - The previous heading and details disappear. I have this partly working, 1) works but 2) fails and l want to make sure l
Linking to jquery-1.7.1.js
Hello Everyone: I've been using jQuery for about 3-4 months now and like it a lot. This past week I registered a second domain on my hosting account. My hosting provider allows me to develop the new domain within my current hosting structure. So now my file structure looks like the following: /public_html as root for main domain name /public_html/jquery as folder for all my jquery files, including jquery-1.7.1.js /public_html/mynewdomain as the ROOT folder for mynewdomain.com Obviously I've no desire
Glow via dropshadow with Jquery
Hello. I am just wanting to add a simple dropshadow to some text. I've looked for solutions online but most of the ones I am seeing are not quite right. The text is as follows (this text is not defined in the CSS, it is actually a list of names pulled from a database): I want the effect to make the text look like: Any help is appreciated. Thank you!
clone() not copying the css in my anchors
Why does .clone() copy the css styles for some elements and not my anchors I am doing something like this $('a.button').clone().prependTo('#container'); I am only getting the value of the anchor, not the styling. Any help would be greatly appreciated
.is() combined with get(i) issues
Hello guys, first things first excuse me for my bad english. So here's my story: I want to get through 8 Checkboxes, to proof if they are checked or not. In case one of them is checked, i get the name, or better the ID of it, to activate the <div> it belongs to. So here are the Checkboxes: <input type="checkbox" class="checkbox" name="1" onclick="$('#' + $(this).attr('name')).toggle()"/> Thema 1 <input type="checkbox" class="checkbox" name="5" onclick="$('#' + $(this).attr('name')).toggle()"/> Thema
Rebind a unbind click
Hey all, I am using this library that allows you to create a more elegant alert box (you can even use images!); I used it with a click function and it works! A nice container opens with a close button, GREAT! I noticed if you happen to click more than once on the link you assigned, it keeps firing. So multiple images begin to propagate. I used the unbind method, but it cancels the link permanently (until refresh etc.). I was surprised to see the library doesn't compensate for this little problem,
Error when using multiple jquery libraries
Hi , i am a new bee to the jquery and in my project i am required to use it to provide the two functionalites dropdown with checkbox and a calender date select feature. When i am testing both the features separately they work fine but when i mixed the code and try it throws an error. Error : Object doesn't support this property or method Here is the snapshot of the code i am using : <link rel="stylesheet" type="text/css" href="css/ui.dropdownchecklist.css" /> <link rel="stylesheet" type="text/css"
question
I have 4 images on the page. When you click on a picture, it should be something like a gallery open. For each of the 4 images to be a special gallery.The question is whether this can be done via a light box?
making whole divs fade in from black and white on mouseover?
hello everyone, i need some help please. please see http://i-n-t-e-l-l-i-g-e-n-t-s-i-a.com/entry.html On this page there are four columns of images. There is some jquery (which is commented out at the bottom of the html, see script below also) that coverts all images to black and white and when you hover they fade to colour, which is what i am trying to apply to these images. however when i do apply it it totally changed my css. how can I get this to work on this page? $(window).load(function(){
memory leaks with IE9 - with nothing
Hello together, I try it again. I have a problem with jQuery and IE9, if I load a simple side (see below) on every load the memory increase about 4-5 MB. I try it with different versions of jQuery 1.7.1 / 1.7.2 / 1.8.1 / 1.8.2 -> on all there is the same effect. if I load the side with other browsers I had no problems. if I load the side in IE9 with compatibility mode, there is no problem. if I load the side with meta http-equiv="X-UA-Compatible" content="IE=8", there ist also no problem. I that
Treeview Context Menu in asp.net using jquery
Hi, I have one treeview in my content(child) page. I added one javascript plugin written by Jquery.contextmenu.js written by Cory S.N. LaViska. But in my page what code i am writing to execute the treeview right click option. If possible please post the code to write the javascript related to the plugin. $(document).ready(function () { $("#PanelTreeDiv").contextMenu({ menu: 'MyMenu' }); }); Thanks & Regards, Suri.
Get index of li self?
jPlayer generates a playlist with <li>'s. For tracks missing names, I just want to show "track #" rather than a blank li. This should be easy, right? Change: listItem += "<a href='javascript:;' class='" + this.options.playlistOptions.itemClass + "' tabindex='1'>" + media.title + (media.artist ? " <span class='jp-artist'>by " + media.artist + "</span>" : "") + "</a>"; to ... + (media.title=="" ? "Track "+ $(this).index('li') : media.title ) + ... using the jquery "index" function. http://api.jquery.com/index/
Converting label to href
I have some html that looks like this: <div class="generated"> <p><label for="id_group">Group</label> <select name="group" id=" id_group" tabindex="1"> <option value="" selected="selected"></option> <option value="1">12S</option> <option value="2">13S</option> <option value="3">22SOI</option> </select></p> </div> I want to make the label 'Group' to be a href. How can I modify that with jQuery?
Jquery Gallery. Calculate the position and size of the photo
Hello. I'm trying to finish this code, so that the image can be a different size in the gallery. Now they have the same size of 150px, which is set in the img. <img width="150" height="150" src="#"/> I think so var w = $(this).width(); var h = $(this).height(); var pos = $(this).position(); and while animating: $(this).animate({ height: h + '+150px', width: w + '+150px', left: pos + '-=35', top: pos + '-=35' } but it's not working. what am I doing wrong? Demo - http://jsfiddle.net/HAQt3/1/ .In the
Need to replace an image if I am on a certain page
Hello, I am new to jquery and I have been building a site that uses a single page template for several product pages, I want to use the same base template but at the top of every product page I want to add a different picture. I am looking to create one template, but depending on the page I want to use jquery to switch a banner that I have designed for that product. I was hoping I could use and of else statement or something to do this For Example If you are on this page URL then find this div
how to update chat room posts
i have a chat room thewalkingdeadchatroom.com i want to make it where when someone posts a message it pops up without having to refresh the page manually. can anyone point me in the right direction on how to do that with perl and jquery. also i'm not using a database. thanks
find functions differs in behavior depening on previous html call
Does any body know why the find function it not returning 1 after calling the html function with a jquery xml object? Here is an example, I expect both time xmlLength and stringLength to be 1. However by the time the script ends, xmlLength is 0 and stringLength is 1, even though I can see the affects of the xml insertion in the browser while I am debugging it. I have code like this that sets up an html template, then I populate the template using json data. However I switched everything over to
splitting up image loads from rest of page
I have some html (created with a django template) that creates a table that has clickable links. It also loads a bunch of images associated with each row in the table. Through jQuery events, when the user mouses over certain fields, the images are displayed or hidden. Initially, all the images are not displayed When the page loads, the table is produced quickly, but then there's a period of time before you can click on the links or mouse over and see the images. How long that period of time is seems
I don't how it posible can you Help me?
How to select auto form name? How to select auto input id or name? How to submit and reset on my page in my iframe? <iframe id="myiframe" width="400" height="300" src="http://localhost/wordpress/wp-login.php?action=register"></iframe> <button id="btnTest">Fill the form</button> <button type="submit" id="submit">Submit</button> <button type="reset" id="reset">Reset</button> <script> function load() { var btn = document.getElementById('btnTest'); btn.onclick = function(){
Using cookie plugin to branch
The user first enters a user name and password via a PHP script where an expiring cookie is set (i.e. 30 minutes). I want to prevent others from entering the pages unless they have properly logged in (this is not a high security site; just images that are preferably for the staff). The syntax of reading the cookie is straight forward: $.cookie( "my_cookie" ). I am not sure of the syntax so that the user would be taken to "index.html" if the cookie value is not present. Many thanks... Todd
How to get current height of largest element in a collection?
I have a series of elements with fixed widths but heights which vary based on content. I need to set all elements of like classname to the same height as the largest current one. So far, I have this to apply the height - but is there a clean way to grab the largest height value from the myCont collection? $(document).ready(function(){ $('.myCont').css({'height': newHeight }); }); <div class="myCont">some text</div> <div class="myCont">this one may contain a whole lot more text that the rest
Google Maps API Problem!
Hello, I have implemented the Google Maps API V3 into my popup modal. But when i open the modal, it only displays a portion in the top left corner of the div. You can check it out at this jsFiddle document i have provided: http://jsfiddle.net/tebrown/QsCcn/5/ I have tried putting in google.maps.event.trigger(map, 'resize'); but not sure if the placement is right. Any help would be much appreciated. Cheers tebrown
Next Page