Multidesk.be » Forums » Webdevelopment & -scripting » [javascript] foto selecteren* (gesloten)

Helpinformatie
Dit onderwerp bevindt zich in het archief.
Het is bijgevolg niet mogelijk er nog op te reageren.
  • Pagina
  • 1 van 1
  • RSS
  • Eerste ongelezen reactie
  • Plaats een reactie
  • Abonneer mij
  • Onderwerp sluiten
0 gasten lezen dit onderwerp.
^ Onderwerp geschreven door Aapie op vrijdag 23 januari 2004 om 09:06:46.
Aapie's avatar
Multiviteit: 43
  • Bewerken
  • Citeren
  • Reageren
  • Verwijderen
  • Waarschuw een crewlid
Ja, had is een vraagske : wij moeten voor het school een scriptje in javascript schrijven als je op een knop duwt dat je dan in je eigen path terecht komt en een foto kunt selecteren en wanneer je op ok drukt dat hij dan deze in het browser venster afdrukt.
Wij hebben nog bijna niets gezien over javascript en moete dit tege vrijdag afhebben. Hopelijk kan iemand me hier helpen!!!

Grtz Rutger :D
^ Reactie #1 geschreven door rObkE op dinsdag 20 januari 2004 om 17:42:43.
rObkE heeft nog geen avatar toegevoegd
Multiviteit: 3765
  • Bewerken
  • Citeren
  • Reageren
  • Verwijderen
  • Waarschuw een crewlid
amai, als je java(script) moet schrijven zou je toch mogen weten dat javascript niet hetzelfde is als java (wall) ;)
dus wat is het nu, java of javascript? (hmm)
^ Reactie #2 geschreven door Aapie op dinsdag 20 januari 2004 om 17:48:18.
Aapie's avatar
Multiviteit: 43
  • Bewerken
  • Citeren
  • Reageren
  • Verwijderen
  • Waarschuw een crewlid
Javascript dus... sorry :p
^ Reactie #3 geschreven door Martijn op dinsdag 20 januari 2004 om 19:53:20.
Martijn heeft nog geen avatar toegevoegd
Multiviteit: 13785
Beheerder
  • Bewerken
  • Citeren
  • Reageren
  • Verwijderen
  • Waarschuw een crewlid
Moet dat met javascript aan de client side?
Lijkt me toch redelijk vreemd aangezien je een foto op je eigen harde schijf moet outputten. Ik heb het nog nooit geprobeerd, maar het enige wat ik kan bedenken is dat je een formulier aanmaakt met een file veld. Wanneer je op de submit knop drukt, roep je een functie aan die de waarde van dat veld leest en in een image tag schrijft.

Hier kort even de gedachte(wees er niet van overtuigd dat de code werkt, want ik heb ze niet getest; ben ook niet van plan uw huiswerk te maken ;-)):

CODE
  1.  
  2. <img scr="leeg.png" id="afbeelding" name="afbeelding" />
  3.  
  4. <script language="javascript" type="text/javascript">
  5. function PrintAfbeelding(url) {
  6. afbeelding.src = url;
  7. }
  8. </script>


Nu moet je enkel nog je form(in html) aanmaken, de functie aan de (submit)knop koppelen en eens een keertje testen ;-)
Met vriendelijke groeten,
Martijn Wouters
^ Reactie #4 geschreven door foxie op woensdag 21 januari 2004 om 15:14:22.
foxie heeft nog geen avatar toegevoegd
Multiviteit: 28
  • Bewerken
  • Citeren
  • Reageren
  • Verwijderen
  • Waarschuw een crewlid
ik ben daar dus ook mee bezig dit heb ik al maar ik heb een probleem.

CODE
  1.  
  2. <html>
  3. <head>
  4. <title>Oef3_5</title>
  5. </head>
  6. <body>
  7.  
  8.  
  9.        
  10.  
  11.  
  12.  
  13.  
  14.        
  15.  
  16.         <form method="post" name="formulier">
  17. <input type="file" name="uploaden" >
  18. <input type="button" name="knopke" value="Toon afbeelding" onClick="src="pad.js;"
  19.  
  20.  
  21.  
  22.  
  23. </form>
  24.                
  25.                
  26.                        
  27. </body>
  28. </html>
  29.  
  30.  


je ziet dat ik een extern script pad.js aanroep daar staat dit in:

CODE
  1.  
  2. var
  3.         pad;
  4.  
  5. pad='document.formulier.uploaden.src';
  6.  
  7.  
  8. document.write("<img src='pad'>");
  9.  
  10.  


maar het doet niets, nu denk ik dat ik het oproepen van dat extern script verkeerd doe, of gaat dit helemaal niet?
^ Reactie #5 geschreven door Martijn op woensdag 21 januari 2004 om 16:01:52.
Martijn heeft nog geen avatar toegevoegd
Multiviteit: 13785
Beheerder
  • Bewerken
  • Citeren
  • Reageren
  • Verwijderen
  • Waarschuw een crewlid
Je moet je externe script zowiso includen.
Bij die onlick zet je dan een functie. In dat externe bestand zet je dan diezelfde functie, met de code die je wil uitvoeren. Een extern bestand laden wil niet zeggen uitvoeren, daarom dat je er een functie van moet maken ;-)
Met vriendelijke groeten,
Martijn Wouters
^ Reactie #6 geschreven door een gast op woensdag 21 januari 2004 om 16:19:41.
  • Bewerken
  • Citeren
  • Reageren
  • Verwijderen
  • Waarschuw een crewlid
hoe doe je dat?
^ Reactie #7 geschreven door Martijn op woensdag 21 januari 2004 om 16:36:01.
Martijn heeft nog geen avatar toegevoegd
Multiviteit: 13785
Beheerder
  • Bewerken
  • Citeren
  • Reageren
  • Verwijderen
  • Waarschuw een crewlid
function functie() { uwcode }

onclick= functie()
Met vriendelijke groeten,
Martijn Wouters
^ Reactie #8 geschreven door foxie op woensdag 21 januari 2004 om 18:25:03.
foxie heeft nog geen avatar toegevoegd
Multiviteit: 28
  • Bewerken
  • Citeren
  • Reageren
  • Verwijderen
  • Waarschuw een crewlid
zou iemand me dat eens willen voordoen met bovenstaande codes? snap er niet zo heel veel van
^ Reactie #9 geschreven door Martijn op woensdag 21 januari 2004 om 18:45:05.
Martijn heeft nog geen avatar toegevoegd
Multiviteit: 13785
Beheerder
  • Bewerken
  • Citeren
  • Reageren
  • Verwijderen
  • Waarschuw een crewlid
Gewoon:

CODE
  1. <html>
  2. <head>
  3. <title>Multidesk.be</title>
  4. </head>
  5. <body>
  6. <script language="javascript" type="text/javascript"><!--
  7. function ToonAfbeelding() {
  8. var pad;
  9. pad='document.formulier.uploaden.src';
  10.  
  11. document.write("<img src='"+pad+"'>");
  12. }
  13. //-->
  14. </script>
  15.  
  16. uw formulier komt hier
  17.  
  18. </body>
  19. </html>
  20.  


Zoiets is ongeveer de gedachtengang; aanpassen naar jouw code is niet zo moeilijk als dat nog nodig is.
Met vriendelijke groeten,
Martijn Wouters
^ Reactie #10 geschreven door foxie op woensdag 21 januari 2004 om 19:19:27.
foxie heeft nog geen avatar toegevoegd
Multiviteit: 28
  • Bewerken
  • Citeren
  • Reageren
  • Verwijderen
  • Waarschuw een crewlid
ik heb nu dit:

CODE
  1.  
  2. <html>
  3. <head>
  4. <title>Oef3_5</title>
  5. </head>
  6. <body>
  7. <script language="javascript" type="text/javascript">
  8. <!-- function ToonAfbeelding() {
  9. var pad;
  10. pad='document.formulier.uploaden.src';
  11. document.write("<img src='"+pad+"'>");
  12. }
  13. //-->
  14. </script>
  15. <form method="post" name="formulier">
  16. <input type="file" name="uploaden">
  17. <input type="button" name="knop" value="Toon Afbeelding" OnClick="ToonAfbeelding();">
  18. </form>
  19.  
  20. </body>
  21. </html>
  22.  
  23.  


maar nu krijg ik een foutmelding: regel 16 teken 1, dat is die regel waar die button gemaakt word en waar het onclick event zich voordoet.

[edit by admin]
Ik heb even de smileys in je bericht uitgecshakeld

Martijn
^ Reactie #11 geschreven door Martijn op woensdag 21 januari 2004 om 20:15:31.
Martijn heeft nog geen avatar toegevoegd
Multiviteit: 13785
Beheerder
  • Bewerken
  • Citeren
  • Reageren
  • Verwijderen
  • Waarschuw een crewlid
CODE
  1. <html>
  2. <head>
  3. <title>Oef3_5</title>
  4. </head>
  5. <body>
  6.  
  7. <script language="javascript" type="text/javascript">
  8. <!--
  9.  
  10. function ToonAfbeelding() {
  11.  
  12.         var pad;
  13.  
  14.         pad=document.formulier.uploaden.src;
  15.  
  16.         document.write("<img src='"+pad+"'>");
  17.  
  18. }
  19.  
  20. //-->
  21. </script>
  22.  
  23. <form method="post" name="formulier">
  24. <input type="file" name="uploaden">
  25. <input type="button" name="knop" value="Toon Afbeelding" OnClick="ToonAfbeelding();">
  26. </form>
  27.  
  28. </body>
  29. </html>


Deze code is al iets beter lijkt me, je verwees naar je formulier, amar verkeerd.
Je had je verwijzingen tussen aanhalingstekens staan, waardoor het een string werd. Naar het adres van je afbeelding kijken kan je al veel wijzer maken, als je daar
c:/document.formulier.uploaden.src ziet staan bijvoorbeeld, weet je dat er iets mis is.
Met vriendelijke groeten,
Martijn Wouters
  • Pagina
  • 1 van 1
  • RSS
  • Eerste ongelezen reactie
  • Plaats een reactie
  • Abonneer mij
  • Onderwerp sluiten