Bonjour a tous,
avant de commencer je tiens a dire que je suis débutant en javascript, si je ne suis pas très clair dans mes propos n’hésitez pas à me demander !

J'ai un TP à faire en javascript (pas de bibliothèque comme jquery ou autre autorisé), le but de ce tp est de changer le contenu d'une <div> (son contenu sera toujours sois une image, sois une vidéo) via un formulaire. Dans ce formulaire on mettra l'url de l'image/vidéo que l'on voudrait afficher.
J'ai passé 5 heures ce soir à essayer d'arriver à qlqc mais hélas rien ne marche

Voici mon code :

******------------------------------------------------------------------------------------------------------------------------------------------------------****
Le javascript

Code js : Sélectionner tout - Visualiser dans une fenêtre à part
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
var url='<?php echo $url>'; //url de l'image ou vidéo envoyer via le formulaire
 
GetPreviewDiv(){                              // fait un getElementByID de la div de preview.
    var conteneur = document.getElementById('divPreview');
}
 
 
GetHTMLToInsert(url){                                                // retourne le code html qui sera inséré dans la div
    var monImg = document.createElement('img');          // creation img
    monImg.src = url;                                                // affectation de l'url pour le "<img src="xxx">
    return monImg;
}
 
 
InsertHTML(url){   // utilise les deux fonctions précédentes pour insérer l'html dans la div.
GetPreviewDiv().innerHTML = GetHTMLToInsert(url);    // ici je tiens a dire que je ne suis pas sur du tout de ce que j'ai marqué.
 
}

******------------------------------------------------------------------------------------------------------------------------------------------------------****
Le HTML :


Code html : Sélectionner tout - Visualiser dans une fenêtre à part
1
2
3
4
5
6
7
8
<div id='divPreview' style='border-style:solid; height:315px; width:560px; max-width:100%;'>
Ici la fameuse div
</div>
 
<FORM> 
<input type="text"  id="url" /> 
<input type="submit" value="validez" onclick="InsertHTML(url);" /> 
</FORM>



******------------------------------------------------------------------------------------------------------------------------------------------------------****


Voilà j’espère qu'une âme charitable puisse m'aider car je suis sacrément dans la mierda ^^ Si vous avez des questions n'hésitez pas !!
Merci d'avance