code
how to write java script for populating the textbox once one of the radio button is selected in c#.net
How To Check A Field For A Value Of "undefined"?
I have a simple webpage with a form on it. The form has two select boxes for use as filters, when submitting a query to the server. Each select has an "onChange" handler coded for it dynamically, when the form originally loads (using document.ready). Whenever either selects' value changes a request is submitted using both selects current values. My problem seems to be that whenever I click a value in one select, without the other select already having had one of its values selected, the select which
What does "this" keyword means in jQuery?
Hi I know it is a very basic question but seems to be very confusing after reading some articles. I had read few articles in related to "this" keyword but got confused with different-different references by people. As per the articles "this" keyword stands for :- 1) If it is used inside event of some object let say button then this refers to button for which event is firing. 2) If it is used inside event of some object let say button then it refers to DOM element. (I don't which DOM element document
a small problem slider and galery
I have test page http://mashinki.net.ua/pages/test/test.php I put simultaneously on the page slider and galery. But have a problem with a galegy. One button is not worked What should I do to work?
Selecting imported children & if/else
Hi everyone. I'm having trouble with my script, and I've researched for days what might possibly be wrong with it. Perhaps someone here could spot the issue? I'd be very grateful. Cheers. Issue #1 $('.about').on("click", function () { doesItBlend = $("#mid_col").hasClass(".hide"); if (doesItBlend === false) { $('#right_col').load('about.html'); $('#right_col').toggleClass('hide'); } else { $('#mid_col').load('about.html'); $('#mid_col').toggleClass('hide'); } });Above code doesn't work
Falling Picture from Top
I wanted to ask if anyone knows how to drop a picture from the top and then the forms in the middle lands. 1. The first picture is empty. 2. The second image is the one, which th image is falling down from the top and stays in the middle. Do anyone knows an example or a script? Thanks!
How would i Valiadate Datepicker is empty
My date picker is joined into my Contact form on pressing the Submit button all fields on the form are validated ok. how would i validate,,,,, that a date as been selected and not submitted with an empty field. below is my code <!-- Start of datepicker --> <script> $(document).ready(function() { $("#datepicker").datepicker(); }); </script> <!-- $(selector).datepick({dateFormat: 'yyyy-mm-dd'}); for my example --> <script> $(function() {
static boxes in animation
hi all thanks to popnoodles i can change the div tags size now i would liketo implemet 2 static boxes in the animation maybe anyone could help me there http://jsfiddle.net/yCY9y/175/ here are some boxes which are getting bigger by mouse over but now i want to implement 2 static boxes ( in each column one ) by static i mean boxes which dont change their size by mouse over but they are moved when an other box cahnges the size so that is is seen all the time greetings fönig
Slideup Box with moving text
Hey everyone, i started a couble of days ago using jQuery and I am actualy totaly impressed of what it can do :) At the moment i am look for a function that can do something like that I actualy know how to realize the slideshow itself, but dunno a function, that can open the boxes like displayed in the screenshot. :/ The text that is displayed left beside the arrows shoud slide up after clicking on that arrow field, get fat and some other content should apear in the now available free space. I would
Update button appearance
I'm creating a website using .net and use the built in ajax features. I have a label that holds a total for a list of bookmarks. When an add/remove bookmark event is triggered on the page the total is incremented/decremented automatically. What I'd like to do however is highlight the button for a period (or even make it flash) after an event is triggered so that its a little more obvious. At the most basic, change the colour for n secs then return back to original colour. I'm struggling to think
Dollar sign troubling me
Following code was provided to me @http://jsfiddle.net/rUbwq/2/ $(window).scroll(function(){ if(this.pageYOffset + $(this).height() > $(document).height() - 200){ $('div').css('background', 'red'); //do popup } }); in response to my question of triggering a popup when scroller reached particular height... Problem is this part: this.pageYOffset + $(this).height() why used $ in the 2nd this but not the first?
document type missing ; before statement issue
Hi, All I have a problem how to fix any idea
Newbie problem with simple toggle effect
hi, this is my first post as i am pretty new to jquery and trying out some simple stuff my goal is to make a simple toggle effect to show a list of comments, but my code does not work anymore after i changed the html structure $(document).ready(function() { $(".togglebox").hide('fast'); $(".toggle-nav").click(function() { //$(".togglebox").toggle(); //$(this).next('ul').toggle(); $(this).nextAll('ul').toggle(); }); }) first i used a div structure in
Multi filtering
hello i`m new to this site, I like to make web page with multi filtering choice and i found on web site http://www.stairking.com.au/Product-Listing/balustrading and I try to copy paste this site to learn how to make something similar but when I choose some filter then nothing happens where is the problem, my test site can be found on this page: http://www.marana.hr/testing/ when I click some menu choice like link capping then web page direct me to http://www.marana.hr/testing/#p=1&s=10&cfilter=52
How to validate content page on button click in asp.net using jquery client side?
Please help me? How to validate content page on button click in asp.net using jquery client side?
Can I use scriptlets inside the success callback of $.ajax() ?
Hi, I am migrating an existing web application, that uses JSPs, javascript and scriptlets heavily, to use JQuery to ajaxify certain form.submits. The application mainly has search page (with search results in a table), then upon clicking any record, it navigates to view record page and from there modify record page, etc., so here we are trying to bring the view and modify record pages in separate dialogs so that the user still remains in the search results page. In the existing view and modify pages,
Newbie variable question
Howdy all, I'm a self confessed newbie to jQuery and the world of javascript and for the life of me I can't find why I keep getting a 'Cannot assign to a function result' error. Basically, I have 2 <a> tags that act like buttons with a <span> tag between them that displays a number. When the user clicks on the right arrow I want the number that is displayed in the <span> tag to increment by one, and when they click on the right arrow I want it go back one number. Sounds simple enough, but apparently
I need you help!
hello, i want to count of three div and wrap to <li> main: <div>title-1</div> <div>image-1</div> <div>content-1</div> <div>title-2</div> <div>image-2</div> <div>content-2</div> change to: <li> <div>title-1</div> <div>image-1</div> <div>content-1</div> </li> <li> <div>title-2</div> <div>image-2</div> <div>content-2</div> </li>
How to structure jquery code for a big website?
Hello; In a website with 100+ pages, let's say each page has its own class, id and jquery needed to function. I believe all javascripts shoulb be added in head like <script src="/docs/js/jquery-ui-1.8.10.custom.js"></script>Now how do we assign each piece of jquery to each page that requires it? For example if page A uses functions A,B, and C, and page B doesnt, how do we include them ONLY in page A without getting the site messy? Thanks
Add class to change font-family
I'm trying to update the font-family assigned to some classes. Unfortunately, the class doesn't seem to be applying and I don't know what I could be doing wrong. My script: $('div[class^="ls-wrapper"]').promise().done(function() { $('div[class^="lslide_wrap"]').each(function() { var clcheck = $(this).attr('class').substr($(this).attr('class').indexOf("in_") + 3); var acheck = $(this).children('a').attr('class').substr($(this).children('a').attr('class').lastIndexOf("in_") + 3); if
Do I need to add callback=? or ?callback=? for my url to work using Jsonp
I'm trying take the json response being returned from this web service and dump it onto a webpage. However for now I was trying to simply start small and see if I could print out just the total. Since nothings happy I'm sure there's something wrong, but I'm not sure where??? I'm assuming it's something to do with the url??? <!DOCTYPE html> <html> <head> <script src="http://code.jquery.com/jquery-1.6.4.min.js"></script> <script > $(document).ready(function($) { var url = 'https://www.sciencebase.gov/catalog/items?parentId=504108e5e4b07a90c5ec62d4&max=60&offset=0&format=jsonp';
Using Ajax to pull an html file in to a jQuery code
Hi there im trying to use the jQuery news ticker (Found here: http://www.jquerynewsticker.com/ ) to load data from a feed html file using the following code: <ul id="js-news" class="js-hidden"> <div id="news-item"></div> </ul> <script> $("#news-item").load("latest-news2html.html"; }); </script> The reason im doing this is that im working on a website for a friend who needs to be able to edit the ticker content, but the CMS her site is on doesnt recognise the ticker or allow you to make
How would get this loop to work correctly to append div
<!DOCTYPE html> <html> <head> <link rel="stylesheet" type="text/css" href="testMyJson.css" /> <script src="http://code.jquery.com/jquery-1.6.4.min.js"></script> <style> .the-container { width:400px; height:250px; border-style: solid; border-width:3px; border-color:black } .the-container ul { margin:0; padding:0; list-style:none; } .the-container li { width:30px; height:250px; margin:0 5px; position:relative; float:left; } .the-container li a { position:absolute; bottom:0;
Fade addclass
Im trying to fade/or animate addclass but nothing happens, when i add the second prameter (time) it gets stuck. Any suggestions? $('.foodlab, .skafferiet').hover( function(){ $('body').stop(true).addClass('foodlab-color') }, function(){ $('body').stop(true).removeClass('foodlab-color') } ) $('.foodlab, .skafferiet').hover( function(){ $('body').stop(true).addClass('foodlab-color', 500) }, function(){ $('body').stop(true).removeClass('foodlab-color', 500) } )
Jquery image hover
Hi guys, I really need your help, I can't find a tutorial to make something like this: http://www.sanitobel.be/ When you go hover the menu section, it becomes RED and the image change in only one canvas... Anyone can help me to achieve this or give me a tutorial? Many thanks, Jhon
are 2 scripts possible?
I'm brand new to JQuery, but I'm already stuck. I have existing code within this: <script language="javascript">...</script> I tried adding this: <script type="text/javascript" src="../../js/jquery-1.8.2.min.js"> $(document).ready(function() { alert("got here"); }); </script> I'm expecting an alert when the page loads, but nothing appears.
Calling a jquery function from inline html
Hi guys Really new to JQuery, but I know PHP pretty well, so hopefully that will help me. My problem is this ... I need to call a jquery function from an inline event handler, like so ... <a id="contact<?=$business['bus_id']?>" onclick="toggleContacts('<?=$business['bus_id']?>', '<?=$business['bus_count']?>');" Now, the function is declared within the usual document ready function, what is the proper way to do this? The reason I need to do it this way, is because the function needs access to the
parallax scrolling tutorial
i am new to jquery. i need best parallax scrolling video tutorial. anyone can help me. thank you
Select all/unselect all checkbox
Hi, I'm using this code (http://jsfiddle.net/TzPW9/1/) which remembers which check box was checked on the page. I would like to add a select all/unselect all check box but I'm not quite sure how to do this. any help appreciated. When I add this (see below) to the page it works but seems to interfere with the jQuery function from http://jsfiddle.net/TzPW9/1/ so the checkboxes aren't stored. jQuery(document).ready(function(){ jQuery("#all").click(function(){ if(this.checked == true){ jQuery('.check').attr('checked','checked');
How would i go about readying these functions for use in a page?
I'm a bit of a noob, so my code is quite experimental at the moment and all over the place. I found some code that looked better organised - my flavour of it is shown below, but I'm unsure how to trigger it in the page/document.ready function. Anyone help? vouchers = { init: function () { vouchers.attachHandlers(); }, attachHandlers: function () { $('body').on('click', '.click-reveal', revealCode); function revealCode (e) { pd(e);
Problem with data element
I'm trying to get a small piece of functionality to work, but struggling so far. Here's the code. function goToOutPage() { $('.click-reveal') .attr('href', $(this).data('url')) .attr('target', '_target'); } The target attr is applied, but the data-url is not. If I change $(this).data('url') for 'test' then this works. The data tag exists, confirmed here. <a class="click-reveal" href="/offers/2/Save%20%C2%A310%20off%20all%20return%20flights" data-url="/out/offer/2" target="_target">Go
CDN Host CSS Issue (First example)
The first code example in the book shows the below (I tried with CDN Host CSS as well by downloading) . I do not see the css id : home in the css linked. I can see a plain html instead of css display. I'm not sure what is happening. Do I have to install any software for JQueryMobile to work? I dont think so, this is my first app with mobile, and I'm in learning process. I need a help. Thanks. What should I do to make it work? <!DOCTYPE html> <html> <head> <title>jQuery Mobile Page Structure Test</title>
two functions with same trigger
Hi Guys! I've got a small problem with my webform. One function is validating my form and the other sends it via ajax to a php file where all the mysql stuff is executed. Both functions use submit as a trigger and the submit function should only be called if the validation is successfull. I read stuff about callbacks and preventDefault but I don't get it runnin'. $(document).ready(function(){ $("#inputInfos").submit(function(){ // formvalidation }); }); $(document).ready(function(){
when i click on the div, how it expand in upward direction?
i want when i click on the div, it size wxpand in upward direction . please reply as soon as possible. this is my 1st post in your forum. i hope it will be helpful thanks
Replace part of class name
I'm trying to change part of class names. I'm trying to change the text in red so it has the same number as the div's class (ie all should be 3_page0). Here's the html: <div class="lslide_wrap_stacks_in_3_page0"> <a href=... class="lslide_stacks_in_3_page0 ls-w1_stacks_in_4_page0"...> <span class="ls-wrapper_stacks_in_4_page0"...> ... more similar spans </a> </div> Here's my script: $('div[class^="lslide_wrap"]').each(function(i) { var clcheck = $(this).attr('class').substr($(this).attr('class').indexOf("in_")
change size and display text in a div by hover
hi all i am trying to changethe size of a div tag when u hover over it and while the size expands there should apear a text in the div it may be better if u see for ur self what i mean i try to get as close to that one: http://www.cookies.ch/ (drag the little heart first) and only that the text and the div tags get bigger and i got that: http://jsfiddle.net/yCY9y/171/ the problems are : 1. this is only running on chrome not the ohter browsers 2. my div tag "expands" to each side equaly although
Hello World in asp.net not debugging
Hi, I'm just trying JQuery for the first time (be gentle with me :) ). I have a form in ASP.NET with a simple html button: <script type="text/javascript" src="Scripts/setStatus.js"></script> <input id="Button1" type="button" value="button" /> My JQuery in Scripts/setStatus.js looks like this: $(document).ready(function () { var text = $("#Button1").toString.length; alert("Here"); }); When i set a breakpoint and try to debug, it never reaches any of my JQuery code. When i run without debugging,
document.ready() function confusion
Hi. I am novice to JQuery and i am having difficulty understanding this concept. When we are talking about document.ready() function we say that $(document).ready(function() { //some code }); is equivalent to $(function() { //some code }); When we look at the jQuery documentation, something like this is written there. else if ( jQuery.isFunction( selector ) ) { return rootjQuery.ready( selector ); } This is what handles the part written above. I am not able to understand this. Please help clarifying
Adding a row to a table dynamically inside another table
Hi pals, I am new to jquery, especially this kind work.. Please help in my work. I need to insert a row onclick a button, 'add'. Inside that table I am having another table, which has options(three column) of the parent table. And I am having another button called 'add options' which onclick I need to add a new row to the options table appropriate to that parent row. This is the screeshot of the actual. This is my HTML <STARTS HERE> <div id="fourthDynField" class="fieldType" style="font-family:
unable to get text displayed on tab event, sorry for the laughable code, I am new to this!
The Jquery: $(document).ready(function(){ $("#interests").mouseEnter(function(){ $("#contint").show(); }); $("#interests").click(function(){ $("#contintf").show(500); }); $("#interests").mouseLeave(function(){ $("#contintf").hide(500); }); The HTML: <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"> <html> <!--[if IE]> <link type="text/css" rel="stylesheet" href="tabstyleie7plus.css" /> <![endif]--> <link type="text/css" rel="stylesheet" href="tabstyle0921.css"
Next Page