Editable Combobox With Javascript (source Included)
Jul 23, 2005
This ist the source-code for an editable combobox implemented with HTML,CSS and Javascript. I have tested it with IE and Mozilla. But I don't know, if it will
work in other browsers (Opera, Konqueror, etc.) So I need your feedback... Code:
What I'm trying to do is put my favorites online so that I can access them from any computer. A friend of mine does this, but he's just relying on it not being bookmarked by anyone and not having his email and being in an obscure directory on his website. I'd like to take it a bit further for myself.
I had considered that the file would be something simple like f.html. f.html would get user input, from me, as a "password". However, the code would not validate the proper password (readable by a smart person) but the password would instead be a directory name. The javascript in f.html would then concatenate the variable received into a string that would be the name of the .js file to include (stuck out in some obscure directory). The included file would then proceed to write all the links. Code:
I'm trying to implement is a table with editable rows and columns that will feed back into a database. If I could do it with AJAX that would be great too, but I'm not too familiar with javascript. I don't need the code, I need more of an idea. The HTML Table is currently a recreation of the MySQL table minus a few columns. Its all in text, but if I could make the text editable, or better yet, make the text turn into input boxes it would be really cool. I'm not really sure what kind of methods and properties I would need, or quite how to put it all together. What do you think is the best way to go about the entire project?
Can I control the src attribute of a header <script> tag so that it loads a different script file depending on the value of a variable?
I have a javascript file that currently holds the variables for several countries and weihgts too much for a single file. I estimate that only 2-3kb of the 40+ that it now holds are used at any given point depending on the user's chosen country.
Now, I can split the file into several smaller files to reduce loading time but only if I have a way of dynamically loading the different files.
I have two frames. "Top" contains a local file on my server with the aforementioned javascript. "Bottom" is a remote website on a server I do not control. I want to use javascript in "Top" to determine what the current url is in the "bottom" frame...
I have a small script that creates and removes elements from an html form. This script also renames some elements upon deletion of another element. But this does not seem to be working properly. The problem is that i can't really figure it out so i was wondering if there is a way to see the source code that is created by JavaScript,in order to track down where the problem is.
function removeDiv(divNum){ var container = document.getElementById("container"); var removedID = document.getElementById("div" + divNum); container.removeChild(removedID);[code]....
// the code below works if i delete the "for" above, and doesn't work if the "for" is there. specifically, if the added elements are 5 or more and i delete the last one, the value of y remains the same. if i delete the first or one in he middle, it works. if i delete the last and reduce the elements to 1,then add another 5 and delete the last one (as it would not work initially) it works!
var y = parseInt(document.getElementById("totalElements").value); document.getElementById("totalElements").value = y - 1; } <input type="hidden" name="totalElements" />
The value of totalElements increases every time an element is added and this works well.
I wrote some JavaScript I misguidedly thought cool, and felt like sharing it with the world. So I put a link to the source file in my blog. If I click on the link in Mozilla, it shows the source as text, as intended. If I click on it in Internet Explorer, I get a choice between saving the file or opening it, where 'opening it' means 'trying to run it and getting an error.' Putting Code:
type="text/plain" in the a tag doesn't help. Does anything?
have facing a problem with .toggle()i have a requirement that when i click a button a row will be editable when i click it again the row will not be editable.when i use .toggle with alert, the first time it shows the first alert. when i click it a second time it shows alert 2. when i press ok on alert 2, alert 1 fires. how do i stop this?
I got some code that loads divs from other web pages into a particular div in my main page. In other words, I click on a button, and this tells jquery to load afragment of a particular page into my main page. For instance if I have 5 web pages onrock stars, I could have 5 buttons, and each button could load one rockstar's biography into a div on the main page (and replace whatever was there before). This works, and I do see the content that it loaded. But when I do 'view source' in IE, I do not see that content (the bio of the rock star). Another clue that this content is not really there, is when I try and run some code on that content. The content (from those external pages) have divs with specific names, and I try and make them into collapsible panels by running the following short function:
i don't know so much about jquery so just i use them with indication from their web site. so my problem is how can i use multiple source of jquery without one source stop the other,and that what i need:
recently i noticed that all of my embedded JavaScript code and external style sheets are being shown IN "view source."
this happens in all browsers ( IE, FF, Chrome, and Safari [windows]) ... oddly enough it only happens when viewing on my vista or win2k3 machines. is this something added to these OS's or the result of an installed program? has anyone seen this before?
I have a website that I frequently visit (FWIW, Firefox 3.x is my browser of choice) with many image sources referring to URLs that end with "-thumbnail.jpg". However, for better image quality, I am trying to use Greasemonkey to replace all instances of "-thumbnail.jpg" in the source of images on this site with "-bigthumbnail.jpg". The closest I could think of was to somehow use getElementsByTagName and innerHTML.replace, but realized that innerHTML does not do HTML, only content.
Below is as far as I tried to get on my own,
var as,ae; as = document.getElementsByTagName("img"); for (var i = 0; i < as.length; i++) { ae = as[i]; ae.innerHTML = ae.innerHTML.replace(/-thumbnail/gi, "-bigthumbnail"); } })();
what I mainly want to do is to get the div's content and pass it in a variable. To explain what I have done until now :
I have my php file that contains the code :
<?php $connect = mysql_connect("localhost", "...","...") or die("Could not connect to the database."); mysql_select_db("...") or die("Could not find database <...>");
[Code]....
As I have read here, this should have done mydata="6" (is the current result)?
Simple question but google and the forum search function didn't helped me.
if I include a script on http://www.mywebsite.com/foo/index.html , say:
Code:
<script type="text/javascript" src="/include/path/myscript.js"></src> is is possible to myscript.js to access *his own location* (here http://www.mywebsite.com/include/path/myscript.js )?
(again, I don't want http://www.mywebsite.com/foo/index.html location, but the included script location) ...
I few sites said to (in the js file) put the varible in <%= %> these tags but thats not doing any good. Is there some other part needed to this I'm missing. The javascript I'm using is in a file I included in my VS project.
I have had a go at another calculator I am making and got stuck. I want to use the F value determined by the first toggle button in the calculation. I dont understand why the calculation wont work as it is stated in the if/else statement.
I am able to get the height of the browser w/o the scroll bar, but I need a way of getting the height of the browser with the scroll bar. How can I do this with javascript?
From a click event I'm calling a javascript function if the function is written in same page it is calling, but if I include function in different page(here in selectuser.js file)
I'm writing a small async webapp. in JavaScript and I'm using <script> element technique to load data. I'm usign <scriptbecause of cross domain restrictions with XmlRequest.
The problem is when I remove a element that is currently loading from DOM (with removeChild) Firefox still loads it and waits with other scripts.
What I want is to break this process and load a new data without waiting for old one.