I have some javascript code that enables me to add optional extras via drop down boxes to a total (via an input form text box). Problem is I can add upto 9 different drop down boxes with different amounts that add up in the total box but when I add a tenth it wont add the tenth one up, can anyone helo me I looked through the code and cant suss it out. code...
View 8 RepliesHere is my code that works flawlessly in IE but I can't get it to work in firefox. what firefox doesn't like about this code?
<SCRIPT language="JavaScript" type="text/javascript">
//POPULATE COMBO BOX PER RADIO BUTTON CHECKED
function UpdateCombo()
{
[code]...
Now, I obviously left unrelated code out here; but that code is the basic of what Im working with, but the combo box is just empty in firefox. Works fine in IE; so I'm guessing it doesn't like something with the code:
document.getElementById("technical_issue_summary").add(new Option("***Phone Issues***"," "));
I am trying to design menu and also been successful at some extent. Root menu items doesn't create any problem but when I used following code to create drop down submenu items i got the error:Invalid argument
The error causing line is bold
While this javascript code doesn't work in FF3.x.x but in IE.
version of Apycom's jQuery menu; you can find itat http://apycom.com/ and it is looking really good.I have uploaded files, and published it on a test site - www.flexin.beUnfortunately, some of the submenus starting from the second that haschildren elements, it adds the item on the top level in InternetExplorer.Does anyone on this list has any experience with this library?
View 2 Replies View RelatedI have an ASP.net page where I load a record set server side and upload it into a listbox. I'm trying to do all the movement functionalities of the listbox items client side. Specifically, I'm trying to figure out how to copy selected listbox items from one listbox to another -- on button click. I've searched for a while, but every example that I found moves the actual item into another listbox, I just want to copy the selected item to another listbox.
View 6 Replies View RelatedCan we create menu items, sub menu items using javascript coding.
View 2 Replies View Relatedhere is the page I'm working onhere is the jQuery in use
$(document).ready(function() { $('.error,.success').hide(); $("#send").click(function (){ $('.error,.success').hide("slow"); $.ajax({ url: 'add.php?lnk='+$.URLEncode($('[name=lnk]').val())+'&
[code]....
and in this code, it works, the call is made and text is added. in the other code I don't get a change at all. Not even in the database that add.php manipulates.
I am trying to make a gui for clients to edit a php page that displays html and javascript.
I want the user to be able to move html elements around and even edit it like add effects like fade in and out etc.
Then after all the changes I want to overwrite the existing php file that does this for that user. how can you make such changes and then save it to a file?
It's an html / javascript editor but using a gui instead of allowing them to directly touch the code. It would be a security risk if I allow such a thing. So I need to program a interface that would make such changes and save them to file.
Like how can you delete and add new javascript code to the file?
I am a novice, almost to an intermediate-level JavaScript guy, so much of this is new to me. I appreciate your patience reading this.
I have a routine that creates some HTML on the fly (updateFilters() function) and after the HTML is created, I attempt to access some fields (elements) on the form itself.
I works fine if I place an alert() statement after the HTML is created, but when I remove, the code errors out.
I have tried the setTimeout() statement, but I cannot grab the element --- undefined or null is returned. It seems that the form is the only element I can get a handle on --- everything else is undefined or null...
Here is the code:
function editQuery() {
var f;
var x;
var myForm = document.forms[0];
// Get the row filters that were used in the last query..
for (f = 1; f < 16; f++) {
var filter = eval("myForm.FilterList_" + f);
if (filter.selectedIndex > 0) {
var methodElement = element("FilterMethod_" + f);
var methodIndex = methodElement.selectedIndex;
var savedFilterMethodValue = methodElement.options[methodIndex].text;
var choicesElement = element("FilterChoices_" + f);
var choicesIndex = choicesElement.selectedIndex;
if (isNaN(choicesIndex)) {
var savedFitlerValues = choicesElement.value;
}
else {
var savedFitlerValues = choicesElement.options[choicesIndex].text;
}
updateFilters(filter); // update the filters
// take the saved methods and values and then update the selections
// Alert here makes the code work..
// alert("Try this");
// Wait for HTML..
setTimeout("completeEdit()", 1000);
function completeEdit() {
// Since the object was updated, get the object again..
var methodElement = element("FilterMethod_" + f);
for (x = 0; x < methodElement.options.length; x++) {
if (methodElement.options[x].text == savedFilterMethodValue) {
methodElement.options[x].selected = true;
break;
}
else {
methodElement.options[x].selected = false;
}
}
// Since the object was updated, get the object again..
var choicesElement = element("FilterChoices_" + f);
for (x = 0; x < choicesElement.options.length; x++) {
if (choicesElement.options[x].text == savedFitlerValues) {
choicesElement.options[x].selected = true;
break;
}
else {
choicesElement.options[x].selected = false;
}
}
// Only display next row if f = 2..
// If only one row was used, no reason display the next row..
if (f == 2) {
displayNextFilter(f - 1); // display it
}
}
clearTimeout(timeOut);
}
}
}
Do I have to pass the object (the form, the elements) to the completeEdit() function in the setTimeout() statement?
I am trying to hide this code:
HTML Code:
using this code
HTML Code:
This works fine when I place this code under the html in the main source, but if I try to add this Jquery code to an external js sheet it doesnt seem to work?
Currently my js sheet is called in the header, when I move this link to the footer of my page the code works again, so Im guessing this has something to do with where the jquery code is placed in relation to the code Im trying to hide?
How I can keep my js in the header but still make the content disappear on click?
I'm trying to get my Client Side Firefox DHTML app to display a list of eBooks. For this, i have the following files
F:Textbooks.html
F:eBooks.txt
F:FirstBook.txt
F:SecondBook.txt
F:ThirdBook.txt
[Code].....
i'm using FireFox 3.5 to develop this App. So obviously this will not work with anything other than Gecko Based browsers.
here is my HTML code:
<html>
<head>
<script language="JavaScript">
var eBookLibrary = "eBooks.txt";
[Code]....
I am VERY NEW to javascript programming as I am to web development. I am pretty decent with VB.Net though. My question is, what are the different ways to call a JavaScript Function either from within XHTML Markup code or from a VB.Net Code-Behind file?
View 3 Replies View RelatedThe code executes nicely in the site and the pictures/text show up where and how they should - It's just that I'm also getting some code as a slide!
In the <head> I have:
<script type="text/javascript">
$.fn.cycle.defaults.timeout = 8000;
$(function() {
$('#contentLeft pre code').each(function() {
[Code].....
I can not this code in my web page. Could you please check it ans say how I can run. I try the code using html test page but failed.
<script language="javascript"><!--
document.write('<iframe src="http://www.juenpetmarket.com/moduls/banner/banner_reklamiframe.aspx?
[code]....
After realizing that htc files only work with Internet Explorer, I have needed to have JavaScript code to suit the two lots of css code below. Please help, I need the code pretty urgently. The code must work with most versions of browsers.
[Code]...
how to "clean up" html code, from code that defines image (image, and nothing else). I have string like:
Code HTML4Strict: This is my <b>code</b>. <img src="img/1.jpg" /><br />This is line number two.The result shoud be:
Code HTML4Strict: This is my <b>code</b>. <br />This is line number two.
I hope whether such a script exists for what am wanting to do. From time to time, I need to send password information or login details and password information to some users. At the moment, am doing it via email with a subject named FYI and the body of the email basically just contain the login and the password or in some case, just the password. What am wanting to know is whether I can put these information into a HTML file which contains an obfuscated Javascript with a button that a user will click that will prompt for his login information and then will display the password. In its simplest form, I guess I am looking for a Javascript that will obfuscate a HTML file that contains the password. I found some website that offers such service as obfuscating a HTML file but am hoping it can be done via a Javascript so it is at least "portable" and I do not have to be online.
View 5 Replies View RelatedI am about to port an app using html, css, and javascript where most of the content is mixed with the presentation and behaviour.
The question I have been asked is: even though this older style is difficult to maintain, will the method proposed my the authors of Simply Javascript perform adequately on a page with hundreds of entries like the one below? Using the newer method, the program would have to iterate through all the elements on the page and assign handlers for click, mouseover, etc. Please advise. Code:
OK, what I want to do is difficult to explain so please read through. I want to find some way to add items to a form but not have that form submitted to the database just yet, not until it is completely filled with valid items.
On my webpage I have 3 columns and I display a list of items the right hand column. In the center column I have a form with place-holders visible but no items actually entered/chosen yet.
The user clicks on an item (link) in the right hand column and this item should then appear/replace (i.e. it has been added to the users selection in the center column) a place holder in the center column.
I am populating the right hand column from a MySQL database using PHP, but I posted this in the Javascript forum because I think maybe Javascript would be good to use to do this.
I add items to a list of ids within a <TD> named lstCarts using the
following code:
function lstCarts_ondblclick()
{
index = NewProgram.lstCarts.selectedIndex;
if (index != -1)
{
vID = NewProgram.lstCarts.options[index].value;
vText = NewProgram.lstCarts.options[index].text;
NewProgram.lstNewCarts.options[NewProgram.lstNewCarts.length] = new
Option(vText);
NewProgram.lstNewCarts.options[NewProgram.lstNewCarts.length -
1].value = vID;
eval("NewProgram.Item" + vID + ".value = " + vID);
}}
This works fine. When I highlight an item in lstNewCarts and click on
a button to delete these items from the list the following code is
executed. This doesn't work becauset the selected item does not
disappear from the list.
function lstNewCarts_ondblclick()
{
index = NewProgram.lstNewCarts.selectedIndex;
if (index != -1)
{
vID = NewProgram.lstNewCarts.options[index].value;
vText = NewProgram.lstNewCarts.options[index].text;
eval("NewProgram.Item" + vID + ".value = -1");
}}
I am trying to add selected dropdown items (in a popup window) to a hidden input field (inside the parent window). Here is the function I am using but it does not seem to work. Any ideas on what changes I need to make to get it to work?
Code JavaScript:
function addSelectedItemsToParent(domainid) {
self.opener.editdomains.parentList[domainid].value = window.document.forms[0].category_1;
window.close();
}
I want to add few lines for content, which is already present, using Javascript.
HTML code :
<html>
<head>
<script type="text/javascript">
function test()
[Code]....
If image is grater than 300px width then below line should be appeared otherwise no.
<p><a href="image1.gif"><img href="zoom.gif" /></a></p>
With above script i reached upto half part.
How do I write a CSS related code into a Web page from Javascript code?
That is for example if the Javascript code detects certain condition, then I want it to output a certain CSS code into that page. How is this done?
I have a javascript index that is similar to the one in the Windows
help. It has a text field that allows the you to type text and it
finds the closest item in the list below the text field. The list is
simply a select element with options that looks like this:
<SELECT>
<OPTION VALUE="1">A
<OPTION VALUE="2">B
<OPTION VALUE="3">C
</SELECT>
My problem is when I have a large list, the closest entry selects the
item in the list at the bottom of the list box, not the top of the
list box.
So here's the question: Is there a way to get the list box to display
the selected item and move it to the top of the list and not just find
it at the bottom?
To get an idea of what I 'want' it to look like, in Windows, go to
Help & Support (in XP it's in your start menu) and pick Index. I
basically want it to mirror that functionality.
I'm creating a combobox using the Javascript and the DOM.
If the combobox exists, i don't want to create another one. I want to empty all the values and put new values.
I was able to create the combox and create the lines of code that deletes the values in the combobox (well almost) .....
I'm having trouble with a plugin system that I'm working on. It involves binding a doubleclick with two elements that have the same id. The two elements are different plugins, and load appropriately, however the dblclick binding seems to not change between elements. Here's my code(simplified):
$("div.editor").droppable({
drop: function(event,ui) {
objID = ui.draggable.attr("objID");
$.getJSON("objects/"+objID+"/object.json", function(data) {
[Code]....