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
Partager