I've lately stepped up a little problem with one of my personal projects that i am working. I'm writing an aspx webpage, which includes web user controls inside it.
The webuser controls are within a web form (id=form1 runat=server) which resides in the
main.aspx page.
1. First of all, is there a way to find a SPECIFIC control inside the webuser control (ascx)
using Javascript in the main.aspx?
2. If not (which i think it is), which is the best way to do it? The snippet i tried was this:
I need to loop through all form elements such as text, radios, check boxes and the like and to save their state in a file. does anyone have JS code to do this ?
I'm relatively new to JavaScript. I would like to loop through all the elements within a form and grab their values and what type of input they are. So far I came up with:
I would like to loop through elements that are NOT disabled. So far my code is:
$("#addlivestock :input").each(function(){ if($(this).find().attr('disabled','disabled')) { var getAttr = $(this).attr("name");
[Code]....
When I click a button that code fires. When that code fires all the elements that aren't disabled get disabled. My code does NOT work as expected and I found the problem, which is if($(this).find().attr('disabled','disabled')). how to loop through form elements that are NOT disabled.
I am trying to use "replace" to remove dollar signs and commas from input values by looping through the elements. I'm pretty sure I have to use an array in an array to do so but can't figure it out. Here's what I have:
i have created an option on a website to give the possibity to the user to change the font size (smaller, bigger, reset), like the famous x3 'A' that we see in most of the websites. the code i have is based on a plugin copywrite to [URL]. now i'm facing a problem with different font size for different elements. to make the text bigger and smaller works like a charm but to reset the font size is not working so good. here is the code of the plug in the reset part:
//on clicking default font size button, font size is reset jQuery(container + " .defaultFont").click(function(){ jQuery("#content *").css('font-size', defSize); // coockie to rememebr the selected font size updatefontCookie(target, defSize); });
here is how i'm calling the function: fontSize("#container", "#content *", 8, 12, 20); container is where i have the images to make the text smaller or bigger content is the div that has the content that i want it to be changed 8 is the smallest fonr size 12 default 20 max now the thing is that i have different font sizes in the page and some of them don't have a class just the <font> ....</font> when i'm clicking the rest button then i'm getting everything with size 12 and this is what i want to change. i want to remember the current font size and set it back.
I have HTML tags stored in XML. I want to be able to use these HTML elements with Javascript, just as you can with elements in document.body. How can it be done? (And don't try and tell me I should use server-side because I have written it all for Javascript and the project is nearly complete minus this and there are practical reasons for not doing this server-side. After all, anything is possible with Javascript!)
Let me explain:
- I have HTML templates such as this [URL]
- I want javascript to populate these templates then add them to my page
- The only way I know javascript can get this kind of data is by parsing XML
- I want to parse the XML then be able to use the HTML elements just like those in document.body
- As far as I'm aware, XML is the only good way of storing data for javascript. I don't want to store it in javascript variables (too much multiline data with " and '). Nor do I want to build it using document.createElement("div")... etc
As someone not yet with any experience in computer science etc, please ignore my poor terminology! However, I'm not a beginner when it comes to javascript.
Here's the script concerned but I doubt it'll help you understand my problem: [URL]
I have been trying to do the following. Using JS I want to create an input element (text box) and attach a event listener. I have done in in two different ways. The first is using xml elements directly (as in e4x) and the second using the dom method createElement (which is much clunkier to write). I'd prefer the former. I've included a stripped down example below.
It appears that when creating an input element using the line:
var inputBox = <input type="text" size="30" />
that it does not have the same properties as when it is created with:
var inputBox2 = document.createElement("input");
because when an event listener is attached using addEventListener, an error is generated on the first, but not the second.
My thoughts on this are either 1. The namespace for the input element is not correct and whether input can have a listener attached. However, my guess is that it would not show up in the first div box. Code:
1. I have a web browser component that does not support Javascript (well it does, but we've disabled it) 2. I have to display some HTML in it, where the user has a link titled "Hide|Show Options" that can hide/show a particular section of the HTML.
I have not found a way to achieve it without using Javascript or any other scripting language.
Is there a possibility to find out the coordinates, relative to the whole screen, or at least relative to the browsewindow, where an element ( e.g. link or picture ) begins or ends?
This may be a repeat post, but I can't seem to find the answer in these forums. Here is the question: I have a div with id "someDiv". I am obtaining an HTML string via XHR and intend to insert it in the DIV. I use .html(theHtmlString) and it renders just fine. But the newly inserted elements are not in the DOM - either by name or id. How do I register them in jQuery?
Before the canvas tag you had to write a script to make a gradient for html element backgrounds. Now you can use canvas and it's as easy as ... well messing with canvas. I have this script. At one point I had the gradient img objects resizing so the gradient would not get skewed. it was simple. just set the height% at the opposite ratio of the canvas width/height. But I went to make some changes and the next thing i knew that no longer worked. I don't remember how I did it!! I'm going to have to start over if I can't figure it out. Here's the script. Canvas only.
I haven't adapted with excanvas for IE yet, but that's coming when I can figure out how I had the thing working right. It's a css issue. I had thought I put the img objects in divs that were sized and positioned and then set the images to width 100% height= 100%*((canvas.width-canvas.height)/canvas.width) So in my example, the canvas was 100 x 30 and the factor is 7 so it would resize the image 700% and the height would grow by the relative amount to the setting I had it. I'll try to figure it out, but there's the script working somewhat. I want to figure out a way to resize the img objects when the user resizes the page, but I want the img to always maintain aspect ratio. [URL]
<script> /*ORIGINAL SCRIPT FOUND AT [URL]*/ window.onload = function () { var canvas = document.getElementById('c'); var ctx = canvas.getContext('2d'); var g = ctx.createLinearGradient(0, 0, 100, 50); g.addColorStop(0, 'rgba(255, 255, 0, 0.5)'); g.addColorStop(0.5, '#0ff'); g.addColorStop(1, '#00f'); ctx.fillStyle = g; ctx.fillRect(0, 0, 100, 50); var data = canvas.toDataURL(); document.getElementById('i').src = data; document.getElementById('EIMG').src = data;
I got this javascript widget finished the other day. It's called BoxOver and allows floating captions over HTML elements, similar to overlib but uses less CPU and is much smaller (<10kb). Would be super keen to hear any comments/criticisms on it. Also if anyone has any ideas for changes that would be cool too....
I have a HTML document with form. The form has several radio buttons. I want different elements of HTML (including <input> elements) to appear when each radio button is selected. Also, it is intended to show only those elements for a specific radio button. For example, if i select RB1, it shows me element div 1 and hides all others. If i select RB2, it hides element div 1 and shows element div 2, et cetera. So far it works fine with .style.visibility = 'hidden' and 'block'. Now, here comes the problem - each element appears below the previous element, they appear as they are in the HTML, no matter if i show the previous one. It looks pretty bad, because element positions are jumping as i select different radio buttons. How do i keep them in the same level, at the same position?
The following is a JS ticker.It works well, but I can't figure out why the text in italic tags is being printed with the tags, instead of becoming italicized.example is here:
I've gone back and forth on the best way to store data in HTML elements which is used to support JavaScript. For instance, I might have a bunch of rows each associated with a SQL ID, and upon clicking the delete element, want to grab the id, and send it to the server. I've successfully used the following three solutions, but would like to standardize on just the best.
Option 1 is technically valid, but seems excessive. Option 2 will work fine, but is considered by some as bad practice. Option 3 requires the extra step of splitting the ID from some identifier string, and care not to have the same record twice on the page.
Code: <script type="text/javscript" src="jquery-1.3.2.js"></script> <script type="text/javascript"> <!-- function doItAll(){ var a_p = ""; var d = new Date(); [Code]...
I'm trying to read an html file using the ajax() method, and then place content from that in certain places (e.g. 'info' in my 'InfoBox' section, 'details' in my 'DetailBox section). I'm very new to jQuery, and am pretty sure I'm screwing up the selector - it's the 'data' object used in the success callback (is that the right word?)
