Wednesday, July 15, 2009

[solved] Add dinamically options to select - JavaScript

Here is a demo that adds options to select lists (dropdowns) dinamically:






And here is the code:


<div id="list"></div>
<select id="mylist"></select>

<script language="JavaScript" type="text/javascript">

function sets(json){
for (i=0;i<10;i++){
var mylist=document.getElementById('mylist');
var title=json.photosets.photoset[i].title._content;

try {
mylist.add(new Option(title,title),null);
} catch(ex){
mylist.add(new Option(title,title));
}


}
}

</script>


<script language="JavaScript" type="text/javascript" src="http://api.flickr.com/services/rest/?method=flickr.photosets.getList&api_key=44e8746c75b6da2da7d931d893e299f8&user_id=39602083%40N04&format=json&jsoncallback=sets"></script>


Compatibility: FF3,IE7+,Chrome, Safari
Posted by at No comments:
Labels: , , , ,

Tuesday, July 14, 2009

[solved] Search within textarea - JavaScript

This is a working sample of how to search for text within textarea.









And here is the code for this:

<html>
<head>
</head>
<body>
<script language="JavaScript" type="text/javascript">

function setSelectionRange(input, selectionStart, selectionEnd){

if (input.setSelectionRange) {
input.focus();
input.setSelectionRange(selectionStart, selectionStart);
}
else if (input.createTextRange) {
var range = input.createTextRange();
range.collapse(true);
range.moveEnd('character', selectionEnd);
range.moveStart('character', selectionStart);
range.select();
}
}
function alerts(){

var x=document.getElementById('txt').value;
var y=document.forms[0].q.value;
var z=x.search(y);
var ylength=y.length;

var tarea = document.getElementById("txt");
if (navigator.appName=="Microsoft Internet Explorer"){
setSelectionRange(tarea,z, z+ylength);}
else{
setSelectionRange(tarea,z, z+ylength);
tarea.setSelectionRange(z, z+ylength); }

}

</script>
<form action="#" onsubmit="alerts(); return false;">
<input type="text" id="input" name="q" value="and"/><input name="find" type="submit" value="go" /> </form>
<br />
<textarea id="txt" cols="25" rows="8">who are you, who am I and who is this guy ?</textarea>

</body>
</html>
Compatibility: FF3,IE7+,Chrome, Safari
Posted by at No comments:
Labels: , ,
Subscribe to: Comments (Atom)