[JS] getElementById om bestandsnaam van plaatje te lezen*

[Adelbert]

Hallo,

Ik ben een beetje aan het stoeien met JS en loop vast op het volgende. Bij het maken van een simpel fotoboek loop ik vast op het getelementbyid verhaal. Voorheen dit ik het op deze manier, alleen FF vind dit niet zo leuk en geeft aan om getelementbyid te gebruiken.

JavaScript:

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

function movepicplus(file) {
image.src=""+file+".jpg";
}

</script>

Tot nu toe heb ik dit:

JavaScript:

<script type="text/javascript">
function getValue()
{
var x=document.getElementById("foto");
alert(x.src);
}
</script>

Dit werkt wel alleen krijg ik de gehele code van de foto dus <img="" src="" enz>. Graag zou ik alleen het src gedeelte eruit willen vissen.

Hopelijk kan iemand mij hier de goede richting heen schoppen.

[PaulZ]

Moet je ff googelen op 'getElementById src' of hier kijken..

[Johan.B]

code:

document.getElementById('fotoid').src

Makkelijk te vinden via google ...

[Adelbert]

Ik dacht ook dat het zo simpel was alleen werkt dit toch niet.

JavaScript:

<script type="text/javascript">
function getValue()
{
var x=document.getElementById("foto").src;
alert(x.src);
}
</script>

Ik krijg dan de melding "undefined"

Bij de foto heb ik dit staan:

<h1 onclick="getValue()"><img src="thumb/1.jpg" width="122" height="80" id="foto" /></h1>

[André]

Je vraagt de .src van de .src op, dat gaat niet werken

[RobIII]

En de foto is ook de enige met dat ID?

André schreef op maandag 13 juli 2009 @ 11:26:
Je vraagt de .src van de .src op, dat gaat niet werken

Whaa! Het is pas maandagochtend en dan al zo scherp

[ Voor 71% gewijzigd door RobIII op 13-07-2009 11:27 ]

[Adelbert]

Als ik de ,src in de alert weghaal dan krijg ik de gehele url weer te zien.

In mijn voorbeeld is dat de enige foto met dat id ja.

[André]

Adelbert schreef op maandag 13 juli 2009 @ 11:30:
Als ik de ,src in de alert weghaal dan krijg ik de gehele url weer te zien.

In mijn voorbeeld is dat de enige foto met dat id ja.

Dat wil je toch ook, de hele URL?

[Adelbert]

Nee alleen eigenlijk de naam van de foto dus 1.jpg.

Via deze waarde haal ik de foto in volledig formaat op.

In mijn eerste voorbeeld staat file voor de bestandsnaam.

[ Voor 21% gewijzigd door Adelbert op 13-07-2009 11:35 ]

[Pkunk]

Adelbert schreef op maandag 13 juli 2009 @ 11:34:
Nee alleen eigenlijk de naam van de foto dus 1.jpg.

Via deze waarde haal ik de foto in volledig formaat op.

In mijn eerste voorbeeld staat file voor de bestandsnaam.

Dan zul je wat moeten googlen. Terfwoorden zijn o.a. substring en indexOf. Of je jat ergens een regexp vandaan
//edit: ja stom, split is natuurlijk wel iets handiger

[ Voor 5% gewijzigd door Pkunk op 13-07-2009 14:39 ]

[André]

Aha, maar dat is niet zomaar op te vragen. Je zult de volledige url moeten ontleden. Dit kun je bijvoorbeeld doen met de string.split functie waarin je de URL gaat splitsen op de "/". Je krijgt dan een array terug waarvan de laatste waarde de bestandsnaam van je foto is.

[Adelbert]

Oke, duidelijk. En is dit ook mogelijk als ik straks 30 verschillende id's heb?

[RobIII]

Adelbert schreef op maandag 13 juli 2009 @ 11:53:
Oke, duidelijk. En is dit ook mogelijk als ik straks 30 verschillende id's heb?

Als je eens begint met zélf wat uit te zoeken voordat je een vraag stelt Het is hier niet het grote hou-Adelbert's-handje-vast forum Dit soort vragen kun je prima zelf beantwoorden door even te googlen en/of even een testcase te maken. Nog beter: zorg dat je de materie begrijpt; dan hoef je deze vraag niet eens te stellen

[ Voor 10% gewijzigd door RobIII op 13-07-2009 11:55 ]

[André]

Adelbert schreef op maandag 13 juli 2009 @ 11:53:
Oke, duidelijk. En is dit ook mogelijk als ik straks 30 verschillende id's heb?

Dan zou ik het iets handiger oplossen:

HTML:

<script type="text/javascript">
function getValue(x)
{
  alert(x.src);
}
</script>

<img onclick="getValue(this)" src="thumb/1.jpg" width="122" height="80" id="foto" />

/edit:
Wat RobIII zegt dus, je hebt met bovenstaand script al een goede hint te pakken, samen met de eerdere hints moet je nu een heel eind kunnen komen.

[ Voor 15% gewijzigd door André op 13-07-2009 11:56 ]

[Adelbert]

Jaja dat snap ik. Alleen het is toch niet voor niks een forum lijkt me. Ik ben niet te beroerd om iets uit te zoeken. Hier zijn vast en zeker mensen aanwezig die hier meer ervaring in hebben dan ik en aan kunnen geven of dit gaat of niet en eventueel ideeen aan kunnen dragen.

[RobIII]

Adelbert schreef op maandag 13 juli 2009 @ 11:58:
Jaja dat snap ik. Alleen het is toch niet voor niks een forum lijkt me. Ik ben niet te beroerd om iets uit te zoeken. Hier zijn vast en zeker mensen aanwezig die hier meer ervaring in hebben dan ik en aan kunnen geven of dit gaat of niet en eventueel ideeen aan kunnen dragen.

Om dan antwoord te geven op je vraag: Ja dat kan. Zo. Maar ben je nu verder dan net?