Ja sam to zamislio ovako: Pri učitavanju stranice php skript upisuje u tekst fajl sadržaj određenog direktorijuma (odnosno spisak učitanih fotografija). Zatim javascript ponudi drop-down listu koju čini sadržaj tog tekst fajla (recimo svaki novi red je nova opcija). Klikom na izbor iz liste on se upisuje u texarea.
Ne znam ništa o bilo kojoj opciji koju re Br@nkoR predložio za čitanje teksta pa mi se posle kraćeg googlovanja XMLHttpRequest učinio kao najbolje rešenje.
XMLHttpRequest
Našao sam ovaj skript koji čita tekst fajl i ispisuje ga.
Code:
<script language="javascript" type="text/javascript">
<!--
// request variable
var request_var;
// Request object method wrapper function
function request_object()
{
try
{
return new ActiveXObject('Msxml2.XMLHTTP');
}
catch(e)
{
try
{
return new ActiveXObject('Microsoft.XMLHTTP');
}
catch(e)
{
return new XMLHttpRequest();
}
}
}
// Call the request object method wrapper function
request_var=request_object();
if(!request_var)
{
alert("Your Web browser does not support the XMLHttpRequest object.");
}
function load()
{
if(request_var.readyState==4)
{
document.getElementById('elements_id').innerHTML=request_var.responseText;
}
}
function call()
{
if(request_var)
{
d=document;
request_var.open("GET","textfile.txt",true);
request_var.onreadystatechange=load;
request_var.send(null);
}
}
//-->
</script>
<div id="elements_id"></div>
<a onclick="call()" href="#">XMLHttpRequest</a>
Ne uspevam da rezultat ispišem u drop-down listu. Da li treba da dopišem nešto u funkciju
call posle ovoga ili da napišem novu funkciju koja pravi listu?
Code:
function call()
{
if(request_var)
{
d=document;
request_var.open("GET","textfile.txt",true);
request_var.onreadystatechange=load;
request_var.send(null);
ovde_nešto.value
}
}
Drop-down->textarea
Gledao sam šta ima na forumu, svugde se opcije iz liste definišu unapred, pa na u odnosu na zahtev ispisuje jedan ili drugi rezultat u drugu drop down listu.
Ipak, pronašao sam skript koji na osnovu izbora iz liste upisuje u textarea ali i kod njega je sve definisano unapred.
Code:
<html>
<head>
<SCRIPT LANGUAGE="JavaScript">
<!-- Original: Stephanie M. Clarkson (
[email protected]) -->
<!-- Web Site: http://www.sleepingcat.com -->
<!-- Distributed by http://www.hypergurl.com
<!-- Begin
var messages = new Array(6);
messages[0] = "";
messages[1] = "Have you ever seen anything like this before? This is a great javascript which is easy to install. Any problems just give us an email and don't forget to include the url of the page you are doing the install. Have fun!";
messages[2] = "Can you imagine how you could use it on your site?";
messages[3] = "It's great for sharing lots of information.";
messages[4] = "And doesn't take up much space!";
messages[5] = "So, get the code and put it on your site!";
function messageReveal() {
var messageindex = document.messageForm.messagePick.selectedIndex
document.messageForm.messageField.value = messages[messageindex];
}
// End -->
</SCRIPT></head>
<body>
<form name="messageForm">
<select name="messagePick" OnChange="messageReveal()">
<option value="0">The Menu Message
<option>Seen this before?
<option>Possible uses?
<option>Shares Information
<option>Saves space
<option>Get the code!
</select>
<br><p>
<textarea name="messageField" rows=6 cols=50 wrap=virtual></textarea>
</form>
</body>
</html>