JQuery and ASP.NET Server Controls
Hi all, I have an issue with JQuery and ASP.NET Server Controls. Could anyone please help me on this? I have asp.net page. I use JQuery to pop up a Modal Dialog. There are some asp.net server controls in this Dialog: some TextBoxt and one Button. My problem is the Click Event of Server Button Control is not postback when Dialog is popped up and the text value I input in the TextBox is always empty in server code. Below is my code: <body> <form id="form1" runat="server"> <div> <input
datepicker not working exactly
I am trying to use the datepicker UI element in a form. I have followed the examples at http://docs.jquery.com/UI/Datepicker but I get a form element that does not use the css I want (I would like the smoothness skin), and the functions on the calendar do not all show up (like next and previous month). Attached is a screenshot of what the resulting UI looks like after a focus event on the input field Below is the code used for the page <?xml version="1.0"?> <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML
How do I get the values of a multi-drag when I drop them?
Dear all, I am a newbie to jquery, but have already found it incredibly useful and have implemented stuff already. I am an experienced programmer, just not in javascript or jquery, so I know all things are possible given time and the right information! I have a site on which I am trying to create an on-line booking for a theatre. Think of it as a shopping cart, and you're basically there. I have created the layout of the seats, each as a separate <div> and am using the excellent JQuery UI Multiple
Need a simple slideshow with 'prev' and 'next' controls and a place for text.
I've spent several hours searching the plugins and can't find anything that is as simple as I need. I need a manually controlled slideshow that I can set up like the Flash slideshows I'm currently using at my website: minigiggles It's just two images that alternate with different text for each slide. Can someone point me at a plugin that is set up to do this? Thanks, Tom
Is this Jquery?
I want to make a feature which grabs information from other websites and lists the info as links to those sites. Is there a way to do this without updating my own site everyday?
Retrieve binary (base64) encoded picture from XML and display in the DOM
I retrieve this XML file with $.ajax({type: "GET", url: "data.xml",dataType: "xml",success: parse }); <Data> <user> <U_ID>4787<U_ID> <U_NAME>Mickey Mouse</N_NAME> <U_TYPE>1</U_TYPE> <U_PIC>iVBORw0KGgoAAAANSUhEUgAAAHgAAAB0CAYAAABOpv</U_PIC> </user> </Data> Where, <U_PIC> contains a base64 encoded picture (i have cut the string here for easy demo, it actually is a very long string) How, should i retrieve this value, decode (if nessesary) display somewhere
Parsing 1500 contacts from XML contact list (about: 1.5 sec) - possible to optimize this?
Hi there, I'm trying to parse a larger XML file with jQuery. Unfortunately it takes a little bit longer (cca 1.5sec). Are there better ways too speed-up the parsing part? I really need some advice. THX the XML is dynamically created (REST web service on the app. server impemented) I have a basic ajax (GET) request and on success it calls the ParseXML function. Example structure of the XML is under the parseXML function (note: there are about 1500 <contact> nodes function parseXML(xml) { var
$('.sub-menu ul li:first') to affect several sub-menus ?
I have 3 divs submenus <div class="sub-menu"> ...... </div> and this code: $('.sub-menu ul li:first').addClass('act').siblings().addClass('inact'); It affects only my first first-menu Why so , and how can it affect all 3 submenus ?
New documentation layout
Hi everyone, Am I the only one who liked the old tabbed documentation better than the new one? I hate to have to scroll down every time I want examples to a function. I heard that a lot of people complained about the tabbed layout (which I can't understand) but wouldn't it be better to let the user decide how to view it? The new layout can still be standard but I'd like a way to change it.
dynamic lists of items
I have 3 textboxes and three delete buttons next to each textbox. On clicking a delete button,it must remove the textbox it is associated with and the the delete button clicked also has to be removed, The textboxes and buttons that are after the removed textbox and buttons moves up and fills the blank space. How can I do that?
How do I add jquery to my asp application
I have just downloaded the jquery ui from jqueryui.com. I am a complete beginner with this technology, I have little knowledge of java script, I am a beginner asp ,c sharp developer however, I have been working with the ajax tool kit recently. Installing the ajax tool kit was just about adding the .dll to visual studio 2008. Please how do I do thesame with jquery. And do I need .net frame work 3.5sp1 to use the jquery ui (I dont mean the intellisence). What lead me to jquery was that I was doing
$this inside a function
Hello ! I have this line of code : $(this).parent().siblings().hover(function(){$(this).css("border-bottom","4px solid black");},function(){$(this).css("border-bottom","0px solid black");}); Question: $this = $(this) or $(this).parent().siblings() ?
Using $(this).parent().append(HTML); for some reason will not work properly...
$('.categories').live('change',function(){ var video_id = $(this).val(); $.ajax ({ type: 'post', url : 'http://dev.touchstorm.com/ten_hpn_admin/index.php/manage_user/get_videos', data: video_id, success: function(results) { $(this).parent().append('<br/><div class="video_results">' + results + '</div>'); } // end success
Content Slider Help?
Hi I have a Photo Content Slider that works great. Currently it scrolls 1 image at time, shows an individual button for each photo, a hyperlink for each photo and photos loop. Everything seems fine I just need help in changing the amount of photos is scrolls at one time. I would like to have 9 photos total. 1 larger linkable photo first, then the next frame to scroll 4 smaller linkable photos at a time, then the next 4 photos. And then it would show just 3 buttons instead of nine. I have attached
matching images with captions
Please suggest the correct way forwards for me to achieve this: My page's images have identifying titles; The bottom of the page contains the captions. The captions' container tags have matching titles. So I'm trying to append the captions to their matching images. I don't want to ask you to write the code for me, but it's becoming clear that I don't yet know the correct way to approach this in jQuery. I need a solution before I'll be able to learn the way, so please advise on the best general approach.
How can I do this in jQuery
Hello, I've got a bit of Ajax that I modified from a tutorial (http://www.tizag.com/ajaxTutorial/ajax-javascript.php) Code: <script language="javascript" type="text/javascript"> <!-- //Browser Support Code function ajaxFunction(){ var ajaxRequest; // The variable that makes Ajax possible! try{ // Opera 8.0+, Firefox, Safari ajaxRequest = new XMLHttpRequest(); } catch (e){ // Internet Explorer Browsers try{ ajaxRequest = new ActiveXObject("Msxml2.XMLHTTP"); } catch (e) { try{ ajaxRequest = new ActiveXObject("Microsoft.XMLHTTP");
Form .submit question
I inheirited an application using JQuery and understand most of it but there's something I can't figure out. The JSP declares a form <form method="post" src="SomeServlet" target="SomeFrame.html" id="someForm"> Notice that it says src= not action= In javascript, a function is attached to one of the forms buttons and that javascript eventually calls var mainUploadForm = $("#mainUploadForm"); mainUploadForm.submit(); When I compile their application as is, clicking on the button does actually submit
How do I set the sucessful results of a jQuery ajax function equal to a variable?
var categories = $.ajax ({ type: 'post', url : 'http://dev.touchstorm.com/ten_hpn_admin/index.php/manage_user/get_channels', success: function(results) { categories = results; } // end success }); // end ajaxHere is the code I wrote on friday. I was wondering if I could get anyone
Can append text, but not results of a selector chain
Can you please tell me why this works (by appending "foo" to the image caption): $(document).ready( function() { $('#main_content div img').attr('title','foo'); $('#main_content div .caption').append($('#main_content div img').attr('title')); }); but this doesn't $(document).ready( function() { $('#main_content div .caption').append($('#main_content div img').attr('title')); }); I wanted it to append the contents of the title attribute to the caption, so I'd
What happens to jQuery handlers when the HTML elements are removed?
Hi all, if I have installed some handlers, say click, focus, etc, and later, I remove the associated elements by doing .html(""). Now, Q1: What happens to those handlers? Are they cleaned up automatically? Q2: If Q1 is no, then if I recreate the elements with the same ID (or class that matches the original selector), would the old handlers still be associated with the elements? I guess ultimately, what is the proper way of removing HTML elements? .remove() or .html(""). Thanks a lot! Charles
Beginners help - right after downloading (please)
Can anyone direct me to a page that shows me how to install/begin using jquery. I want to make an accordian site and I keep finding every website assumes that everyone knows what to do with the downloads. Honestly - I am surprised that the writers of most of the jquery sites have not created a step by step to get you going. 1. Downloading 1.4 means the screen changes to a whole line of code: What do I do with that? copy and paste into my index.html? which leads to in the head tag or? do i make it
Help with resize function
New to this and I got stuck today then I wanted to do a resizable settings popup box. $(function() { $(".adminpopupbox").resizable({ handlers: { n: '.resizehandle', s: '.resizehandle' } maxHeight: 2000, maxWidth: 616, minHeight: 100, minWidth: 616 }); });Made a script with dragable content and it worked but this don't. I used the demo and it works untill I delete the css files. So I guess the css files have the hit area
Anyone care to share - fullsized background + easing technique ?
Hi, please have a look to this site, http://ayerviernes.com/ and notice to the full background image slides, those images are stay in the browser with a perfect Ratio and when you resize the browser's dimension, it has an Easing effect. Would you jQuery masters here care to share on how to create that ? I mean, to create the fullsize image slides + Easing reacts to the browser dimension hope it would be a useful thing for others too. looking forward for your replies thanks in advanced td
load images
I have some problem with loading images. This is a code: $(document).ready(function(){ $('.image-box').each(function(){ $(this).loadImage(); }); }); (function($){ $.fn.loadImage = function(){ $(this).addClass('loading'); $self = $(this); var img = new Image(); $(img).load(function(){ $(this).css('display', 'none'); $self.removeClass('loading').append(this); $(this).fadeIn();
Facebook bookmark bar how to do something similar with ajax/jquery
Where should i start to get this thing working? i'm wanting the part of it that allows it to scroll and stay at the bottom of the visible window at all times. And then i'm sure i can figure out how to do the dynamic menu and such once i get done with that basic part. I just want to know where to start with is all. I'm currently developing a pbbg and i'd like to have the user menu to be down there as to make it look more interesting.
Add/RemoveClass Multiple div items?
Hello so I am working on a new project that will also be open source and I am working on the admin panel. I am attempting to make a collapsible panel and then expandable again, as well as change the css styles. This is my jQuery: $(document).ready(function() { $(".cc").show(); $(".ch_main").click(function() { $(this).next(".cc").slideToggle(0); $(this).addClass("ch_main2"); }, function () { $(this).removeClass("ch_main"); }); }); This is my HTML: <div class="ch_main">
please explain me tis code fragment
hi given below is a code fragment from a book im haveing hard time undestanding two lines of code from this code fragment function inline_editing_init(){ $('#subscribers .edit').remove(); $('#subscribers .name,#subscribers .email') .click(inline_editing_edit); } function inline_editing_edit(){ if(this.in_edit)return; this.in_edit=true; var str=$(this).html(); var w=$(this).innerWidth(); $(this).empty(); $('<input>') .attr('value',str) .blur(inline_editing_save) .keypress(inline_editing_key_pressed)
How to make a short piece of jQuery validate?
I'm using a piece of code which is producing validation errors. It uses the '&' sign and the validators aren't happy because they want it to be '&' - which of course validates but stops the script working. So, here is the code, how do I keep it working but enable it to validate correctly? The problem is the double '&' signs on the fourth line after .length... <script type="text/javascript"> $(document).ready(function(){ $(".tab-set").tabs(); if($(".tab-set").length && document.location.hash){
How to make jQuery.js?
Maybe stupid but I understand you can download 'minified' jQuery. And then with make you should create jQuery.js. But how? I working on windows. - I must download the minified jQuery version and save it as jQuery.txt? (Because it seems to me as one text string) - And from de dos box command line, I have to run like: > make jQuery.txt which will result in jQuery.js?? Or do I completly missed a turned off? Nico
Circular Show() Effect?
I'm pretty new to jQuery, and I'm looking around for an effect or plugin that would allow me to show an element with a circular wipe. The effect would display the element by starting with an origin point in the center of the element and an angle, and by animating the angle, opening a pie as the angle circles 360 degrees around the origin. Has anyone heard of this sort of effect being applied in jQuery?
PHP and Ajax
Hi, I started using jQuery today and tryed include it in php application.. didn't have luck with that - I understand how it works, it's not complicated, but when I include for example tabs in php it gives me on output this: Tabs First Second Third Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Phasellus mattis tincidunt
Mouse over affects all menu's instead of one
Hi Guys/Girls. Pfff i'm having a bit of a problem and can't find a good solution for it! My jquery menu script effects all above ul.mainmenu in internet explorer. In firefox and safari it works perfect! So if you do a mouse over on the last menu 'info' all the orthers menu items will go up! You can find the site over here and see the problem, ie only: http://www.skydive.uproductions.nl/ Can someone make my day!? thnks in advance $(document).ready(function() { $("li.top").hover(function() { $("ul.mainmenu").css({'z-index'
Help needed to addClass
Hi, I have this $(this).closest('TR').children().addClass('highlightRow'); I've console.logged it and its returning the right td elements I'm after but its not adding the class. Do I need to do a .each on this statement to apply this class?
Reset Textbox
Hello I have the follwoing code for my MVC. How can I reset the textbox when its corresponding delete button is clicked? Also, How can I remove the textbox, based on its corresponding delete button clicked? <%=Html.TextBox("cat1", "Bug") %> <input type="button" name="Delete" value="Delete" onclick="Clear()" /><br /> <%=Html.TextBox("cat2", "FeatureRequest") %> <input type="button" name="Delete1" value="Delete" /><br /> <%=Html.TextBox("cat3", "TecnicalSupport") %> <input type="button" name="Delete2"
Newbie - dynamically create stuff
Hi, According to a book I am reading, the following code should create a link saying JQuery. It doesn't work... Any ideas? <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" /> </head> <body> <div> <ul> <li><a href="#">link</a></li> <li><a href="#">link</a></li> <li><a href="#">link</a></li> <li><a href="#">link</a></li> </ul> </div> <script type="text/JavaScript"
jQuery Ajax added select drop down won't alert when I change the item in the drop down.
// when you click submit num tabs // you get form fields for tabs $('#num_tabs_submit').click(function(){ var num_tabs = parseInt($('#num_tabs').val()); for(var i = 0; i < num_tabs; i++) { $.ajax ({ type: 'post', url : 'http://dev.touchstorm.com/ten_hpn_admin/index.php/manage_user/get_channels', success: function(results) { $('#tab_content').append('<label>Tab
How to make the Jquery only activate on certain anchor points?
I have some Jquery that loads with every page of a PHP based shopping cart. However, I don't want this code to effect the anchor links on certain pages. For example, I don't want this effect to apply to the following anchor links: #read_review #write_review How do I stop this code applying itself to those Anchor links? Here is the code: <!-- Tabs scripts: Start --> <script type="text/javascript" src="js/jquery-ui-1.7.2.custom.min.js"></script> <script type="text/javascript" charset="utf-8" src="js/jquery.scrollTo.js"></script>
superfish css
I'm new to jquery and have delved in using the superfish menu to solve a problem on a site I am working on: www.carolinedesigns.co.uk The superfish menu sorts out the problem of have the parent item highlighted whilst hovering on it's child items, and makes the menu easier to use because of the delay when the mouse is out of the menu. I've put up my progress so far: http://carolinedesigns.co.uk/superfish-1.4.8/example.html I just have 2 problems now: a) the submenu stretches to 500px, but I can't
Please help. Annoying LOOP!
Hello guys! I'm new for what jQuery means and I encountered an annoying issue ( it's more like a loop ). Let me explain: I have two different divs ( call them div1 & div2 ) positioned one above the other and I have a link that is interacting with the divs. So I'm trying to sort this thing out: when you click the link the div1 that is shown should fade out and the other one should fade in, div2 of course ( I made this possible ). After the second one faded, WHEN YOU CLICK ( no time effect, only click
Pop up map content
On a site I'm working on I have a map of Scotland with three towns highlighted. I want the user to be able to click on one of the towns and in front of the map a box pops up with information about the town. They then click to send the box away. I'm told jQuery is the best way to do this. I'm new to using jQuery so any help and advice anyone can give me would be good. Thanks in advance, Iain.
Next Page