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:
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:
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".
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:
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?
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?
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.
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?
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).
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.
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.
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.
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:
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:
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.
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 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.
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?
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.
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']."'"/>
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)
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."
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?
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:
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.
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>
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?
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.