Building 'smart' Forms With DOM 2
Mar 14, 2003
I'm fooling around with building a form that grows depending on the users input (relatively new to DOM 2 - but fun stuff!) I'm working on getting it to work (rather than being pretty - there are many improvements that could be made).
My question is has anyone seen any similar examples out there? The more I build on this thing, the more I believe there has to be another way... (like rather than creating every pull-down box - yes, I should put that into it's own function! - should I be playing with visibility and positioning?) Code:
View 1 Replies
ADVERTISEMENT
Sep 9, 2007
If I have the following variable which contains the drop down menu for list of card numebrs:
var abc='<option value="1234567890123456">1234567890123456</option><option value="0987654321987654">0987654321987654</option><option value="0147852369014785">0147852369014785</option>'
How can I pass this variable to a function and mask only the dispalyed card number? i.e. to have the following result:
<option value="1234567890123456">1234XXXXXXXX3456</option><option value="0987654321987654">0987XXXXXXXX7654</option><option value="0147852369014785">0147XXXXXXXX4785</option>
Note: the number of options in the drop down menu may varry, in this example its only 3 options, it might be more or less, this is why I called it "Smart Substring".
View 1 Replies
View Related
Dec 14, 2005
I am trying to write a regex that will parse BBcode into HTML using
JavaScript. Everything was going smoothly using the string class
replace() operator with regex's until I got to the list tag.
Implementing the list tag itself was fairly easy. What was not was
trying to handle the list items. For some reason, in BBcode, they
didn't bother defining an end tag for a list item. I guess that they
designed it with bad old HTML 3.2 in mind where you could make a list
by using:
<ul>
<li>item 1
<li>item2
</ul>
However, I need to make this XHTML compliant, so I needed to add the
</li> tag into the mix. Unfortunately, the only way to find where to
put it is to find the next[*] (<li>) tag or an open list (in the case
of nested lists) or close list tag. I was trying to get a rule that
handles the list items to work, but it only matches the first item in
any list. Here is the line of code:
bbcode =
bbcode.replace(/[list(=1|=a|)](.*?)[*](.*?)([*]|[list]|[/list])/g,
'[list$1]$2<li>$3</li>$4');
First, I check to make sure that the list item is inside a list. Then,
I match the[*] tag to find the start of the item, then I match either
the next[*],, orto determine the end of the item.
This successfully prevents a list item outside of a list from being
made into a <li> element, but only matches the first list item in a
list. Is there any way to make this match all occurances of this
pattern without looping over the statement until the pattern can no
longer be found?
View 13 Replies
View Related
May 4, 2006
I have an application where I have 9 items to choose from and desire a table that will allow only 3 items (any 3 items) to be chosen then check out of the table.Check out can not be allowed unless only 3 items are selected.
Is the JScript applications somewhere that will perform this logic?
View 2 Replies
View Related
Dec 5, 2006
I have an autosave feature that, well... autosaves every minute. Now I could very well become the biggest abuser of my own feature. I currently have 8 windows open - I tend to just leave windows open for a long time. As a result, the javascript would be running every minute saving, creating unnecessary load on the server.
How could I make the autosave smart and only save if they are actively "working" with it? The only thing I can really think of is to have like a variable that sets to true whenever something happens, set to false whenever it saves, and only save when the var is true. Problem is, I have a lot of functions for events that I would need to attach it to... I'm sure I would miss it somewhere.
View 3 Replies
View Related
Jun 2, 2009
I'm using this rich text editor. Whenever a user pastes rich text from a program like Microsoft Word, the program's smart quotes are not understood by the browser (they appear as a diamond with a question mark in it). I ran a php function on the post value to replace all quotes with ascii characters, but realized that it also replaces the quotes present in the html generated by the javascript.Is there a way to convert smart quotes to normal quotes without also tampering with the html content?
View 1 Replies
View Related
Sep 8, 2010
How can I write javascript codes to interact with a smart card reader? I have found some activex controls and examples, but I think, it will be limited to IE only.How can I make it run in all browsers, if the card reader driver is installed, and the hardware is available for use?My problem is to make sure that the user puts his/her own smart card in the reader unit before he signs up in a website (a particular website, that I will be coding for).
View 1 Replies
View Related
Sep 16, 2010
I want to make few forms but 1 submit button. I want to do 1 page , 5 forms , 1 submit button so when i click on the submit button it will send the 5 forms as 1 form.
View 2 Replies
View Related
Nov 14, 2011
how to add forms in javascript, but it's limited to text input forms.
<script type="text/javascript"><!--
function updatesum() {
document.form.sum.value = (document.form.sum1.value -0) + (document.form.sum2.value -0);
}
//--></script>
Where the inputs sum1 and sum2 are text fields you put whatever numbers you want in. That works fine. Great. Now what I'm having trouble with is modifying the code so that it will add one form with an input number with a form that spits out a randomly generated number.
<input type="button" value="D20" onclick="this.form.display.value = Math.round (20 * Math.random())" class="buttonHi" /> <input name="display" type="text" size="6" value="" />
This is what I'm using for my random number generator. So basically I want to be able to put, say, 5, into the input text field above this. And then click on the d20 button to get a random number, say, 15, and then have the first code add the inputted 5 with the randomly generated 15.
View 4 Replies
View Related
Aug 18, 2010
I have created a similar smart search like yellowpages:[URL]... Here is the problem I have with mine:
Lets say I search 'Attorneys' I start typing 'Att' ... then 'Attorneys' shows up in the smart search so I click on it and press enter. The next time I start typing 'Att' my browsers saved search field pops up over the websites smart search. Here is an image which might help explain the problem a bit more:
View 1 Replies
View Related
Sep 29, 2004
I found this code online. It detects if vertical scrollbars are present in your browser, and if so, it adds a link to the top of the page at the bottom of the open page.
The only thing is, it prints the link in the bottom left corner of the screen, and I really need it to show up in a specific area. Does anyone know of a similar script I can use for that? I want one that will only show up if the page has vertical scrollbars. Code:
View 21 Replies
View Related
Dec 22, 2005
I'm trying to build a PC building form using drop-down menus. I want to use the values of each option in the menu and add them together to get the total price, then display the total price somewhere on the page.
View 4 Replies
View Related
Mar 29, 2006
I'm trying to combine some javascript variables into a URL, so I can pass the screen resolution to PHP to determine how large a popup window should be.
What I want to end up with is something like:
<a href="url.php?w=1024&h=768">Click me</a>
I'm trying this (which ain't workin'):
<a href="url.php?w=<script language=javascript>document.write screen.width;</script>&h=<script language=javascript>document.write screen.height;</script>">Click me</a>
It's just writing the literal script to the URL, not the value of the width or height.
View 2 Replies
View Related
May 10, 2011
I'm still working on same task New problem: When I place text in a rectangle, then wish to overwrite it,(that is replace it with new test,) I cannot remove the earlier text. The new overlays the old, an unreadable mess.
Moreover, what I have achieved works only in Opera. FF tells me I have too much recursion (None that I'm aware of). I cannot get any feedback from IE.
[Code]...
View 2 Replies
View Related
Oct 4, 2006
I have a form that has two radio buttons. When the first one is
clicked, I would like the page to refresh (keeping the form data in
tact) and then displaying 2 new fields that need to be filled out. If
the second button is clicked, I need the same thing to happen, only it
will display two different fields needing to be filled out.
Does anyone have code that will do this? Or is this even possible with
JavaScript?
View 10 Replies
View Related
Jul 20, 2005
OK, I am looking for advice or tips and suggestions. I have overcome
a lot of the obstructions I had to building the page design my
customer was asking for. I am looking now at ways to deliver content
dynamically within the wonderful framework I created. Whilest I look
into the various methods of delivering content within a container of
one form or another in the existing HTML, I am also exploring the
possibility of using some form of 'wrapper' for existing flat pages
sorta like how geocities does to user pages to add the yahoo pull-down
div layers and such.
While doing some testing, I notice that if I just add a javascript tag
in the beginning, I can't use the document.body.AppendChild option for
the div layers unless I call the function that builds said layers from
a <body onload="">. When I do it from the onload event, the existing
HTML layers can effect the placement of the div layers even when I
have the CSS position set to absolute.
Short of using some form of server side code to insert at least the
DIV content in prior to dropping the file on the user's browsers, I
was wondering if there were any other suggestions on how to do this
with a minimal amount of coding in the HTML document itself. One of
my hopes is to limit the 'modifications' to any standard HTML file to
one or two lines so that anyone else developing pages can do so
easily, and/or I can create reasonably foolproof server-side wrappers
to call the javascript code to paste on the 'look-and-feel' elements
on just about any web page.
I have a feeling I will probably go the server-side route anyway, but
I was just curious what other suggestions there might be out there.
View 1 Replies
View Related
Jul 14, 2010
I want to do this with a checkbox and am falling down on it...
Code:
var i=0, elem, qstr='';
while(elem=document.forms['form1']['quantity'+(++i)]){
qstr += (qstr.length ? '&' : '?') + 'quantity' + i + '=' + elem.options[elem.selectedIndex].value;
}
Here is the checkbox
Code:
<input type="checkbox" name="approved[]" onclick="boxchk(this,6)" checked="checked" value="'".$j['id']."'"/>
View 1 Replies
View Related
Jul 8, 2009
I am very new to web development. I would like my website to have an application which allows a user to draw images which can be displayed on other users screens in real time.
An example of this is isketch.net Also on this site i would like users to be able to create accounts and join 'rooms' where they can communicate in real time (as opposed a forum message board). I am looking for something similar to isketch.net
Could somebody please tell me the type of development and programming needed. I have been quoted 1000 a month to build these capabilities but have no idea what is involved. (also may require facebook style real-time updating)
View 4 Replies
View Related
Jun 1, 2011
I am trying to build my first script. My problem, is I'm trying to build a multi hide/show script, displaying paragraphs of information. If I want multiple variables for the script do I have to use an array? and if so, how can I construct this array?
Here is my script as of now,
<!--
// this tells jquery to run the function below once the DOM is read
$(document).ready(function() {
[code]....
Right now the script doesn't work with the bottom two variables profile_"ect."
View 1 Replies
View Related
Dec 12, 2005
I've got a URL in an include file like this :
<iframe src=http://www.blah.com?query=thevariable>
I want to be able to set 'thevariable' in the shtml page that calls that include and pass it to that string - I'm thinking that because I don't want to use php/asp that Javascript is the best way?
In PHP I'd do it like this :
<iframe src=http://www.blah.com?query=<?echo $thevariable;?>>
So how do I echo/insert the variable in the URL using javascript rather than PHP?
View 3 Replies
View Related
Sep 20, 2011
I'm building a web site ala autos.yahoo.com on servicos.mpl.pt/comparador/css1.php I have a sidebar with filtering options grouped in an accordion. The accordion panels get populated via jquery like:
Code:
//getMarcas
$(function() {
//get tag feed
[Code]...
View 3 Replies
View Related
Aug 16, 2010
point out where my logic is flawed in this? Or where my scripting is wrong?I'm trying to build a standard HTML table with 5 columns across and as many rows down as necessary, to fit all of the images in an array (brought into the DOM via PHP).My goal is to have rows of 5 columns that add on to accomodate up to 50 total images (10 rows).Here's my logic (flawed or not):*Look at the number of tems in the array*If the number is greater than 5, build one full row (of 5 <td>s)*Check again - is the number of items in the array greater than 10?*Build another row*If not, build a partial row, and fill in the rest of the <td>s (less than a full row) with blank spaces.The question is whether or not my logic is being represented in the javascript?unctions in <head>calls to function on lines 149-159Don't mind the formatting, I've blown it up so I can see what's going on.
View 4 Replies
View Related
Sep 8, 2010
I want to construct HTML for a menu and I want to use DIV with UL. The data for the link and text would be coming from a web service which is a sharepoint list like so. As you can see below I want to grab the rows and and it to anchor links...
$(document).ready(function() {
$().SPServices({
operation: "GetListItems",
async: false,
listName: "MenuList",
CAMLViewFields: "<ViewFields><FieldRef Name='Title' /></ViewFields>",
completefunc: function (xData, Status) {
$(xData.responseXML).find("[nodeName=z:row]").each(function() {
var liHtml = $(this).attr("ows_Title") ; $("#mainmenu").append(liHtml);
});
}});
});
The desired HTML would look like so
<div id="mainmenu">
<div id="header">
<ul id="navbar">
<li class="menu"><a href="#">Home</a>
<ul>
<li><a href="#">liHtml </a></li>
<!--I want to keep adding the <li> element with new item-->
<li><a href="#">Menu item 2</a></li>
<li><a href="#">Menu item 3</a></li>
<li><a href="#">Menu item 4</a></li>
<li><a href="#">Menu item 5</a></li>
</ul></li>
</ul></div>
</div>
View 1 Replies
View Related
Aug 7, 2011
I am trying to build a webapp for questionnaires where I can defined the questions in json, and have a single html page using jquery to build the UI. Since there will be a finite number of question types, e.g free text questions, multiple choice questions my code can choose how to render each type appropriately.
what is considered the best approach to build a UI like this?
I have seen the manipulation api with methods such as append() but I'm not sure if appending the html tags via strings (e.g. "<input id='answer'/>") is going to be the best way to achieve this, or whether there is a better way to define snippets of html for the different question types and copy them into the page as necessary?
View 5 Replies
View Related
Feb 28, 2009
I have a facebook game that I would like to create an autoroller for. What the game does is you get a base login and you click an object and you collect common, semi rare, and rares. I want the autoroller to take whatever money the user puts in a field and start rolling for those prizes. To give you an example [URL]. I have 3 scripts written already, 1 in html and 2 in java, but I don't know how to execute them.
View 1 Replies
View Related
Aug 18, 2009
I am building a store locator for a website that I maintain; I am using a G! example
[url]
However, there seems to be some issues that I can't find... I have looked until I go blind...
This is the php code that I am using:
View 5 Replies
View Related
