SVG ebedding - variabl

Hello,

I want to embed different SVG Files, wich a user can search with a "File browser".

How can I solve this? Always when I try to embed aSVG File i write for example:

<EMBED width="500px" height="380px" type="image/svg" SRC="map001.svg" NAME="plan">;

I don't want a static SVG File like map001, but SVG Files which I can search with my File Browser.


Thank you for your help.

You can use script in HTML
See example
http://pilat.free.fr/english/memory/taquin_choix.htm

You can modify script to change src for embedded svg

Michel

I tried now myself to embed different svg files but it doesn't function.

Maybe you can look at my code, please.

script language="JavaScript">
<!--


function HTMLAnzeigen(Quelle)
{

if(document.getElementsByName("plan"))
{
var HTMLDatei = document.getElementsByName("plan");
if(Quelle)
{
Dateiendung=Quelle.substring(Quelle.lastIndexOf(".")+1);
if(Dateiendung.toLowerCase() != "html" && Dateiendung.toLowerCase() != "htm" &&

Dateiendung.toLowerCase() != "svg")
{
var Fehlermeldung = "Bitte w?hlen Sie eine SVG Datei aus.";
alert(Fehlermeldung);
document.getElementsByName("plan").value = "";
document.getElementsByName("plan").src = "legende.svg";
return false;
}
else
{
document.getElementsByName("plan").src = Quelle;
return true;
}
}
else
{
var Fehlermeldung = "Fehler bei Quelle.";
alert(Fehlermeldung);
return;
}
}
else
{
var Fehlermeldung = "Falsche ID.";
alert(Fehlermeldung);
return;
}
}

//-->
</script>

.....
<table>
<tr>
<td width="402" align="center">
<DIV id="karta"><EMBED width="500px" height="380px" type="image/svg" SRC="map001.svg" NAME="plan"
pluginspage="http://www.adobe.com/svg/viewer/install/"></embed></DIV>
</td>
</tr>
</table>

.....

<form>
<input id="HTMLDatei" name="karta" onChange="HTMLAnzeigen(this.value);" type="file"><br>
<input type="submit" value="Datei hochladen">
</form>


instead of src = map001 I want different files!

Thanks.