Page embarqué par Iframe proprement et alternative.

**Kitsune64** · 08/11/2020, 10h32

Bonjour,

J'aurai voulu avoir des avis sur la balise HTML <iframe>. Je crée quelques pages web en local chez moi en HTML, CSS et un peu de Javascript pour l'instant.
J'aimerai évité pour le moment le php ou base MySQL. En ce moment j'utilise la balise <iframe> pour la navigation et ne pas avoir à réécrire le menu principale et mettre à jour le contenu d'une page...

Est-ce une bonne idée comme procédé? Si non; quel serait un meilleur choix?

Deuxièment ma question principale avant de me lancer dans ce topic était: pour qu'un site soi valide W3C avec des balises iframe faut-il que chaques page même celles embarquée par <iframe> contienne les balises <head> <title> <doctype html> <body> etc...Je me pose cette question car si je suis la logique d'un iframe ces balises risques de se répéter lors du chargement d'une de mes page. Comment utiliser cette balise proprement donc voilà ma question? donc une iframe juste avec les balise <p> dans une page embarqué par une autre page qui contiendrait <body> par exemple permettrait-elle de faire passer le site en W3C?

Merci.

**NoSmoking** · 09/11/2020, 08h17

Bonjour,

J'aimerai évité pour le moment le php ou base MySQL. (...)
Est-ce une bonne idée comme procédé? Si non; quel serait un meilleur choix?

Les <iframe> sont plutôt prévues pour « embarquer » des éléments venant d'autres horizons que le tien, mais rien ne t'empêche de les utiliser comme tu le fais pour un menu en attendant que tu ne l’intègres directement, ou automatiquement côté serveur, quand tu te sentiras apte à le mettre en place.

pour qu'un site soi valide W3C avec des balises iframe faut-il (...)

le contenu des <iframe> représente un contenu à part et hors context de ta page principale, même si certaines balises peuvent être omises il me semble préférable que chaque document intégré soit valide. Cela ne sera que mieux lorsque tu auras décidé de te passer de l'<iframe>, tu n'auras rien de plus à faire.

**Kitsune64** · 09/11/2020, 10h50

Donc un site web à généralement son menu qui est intégré de façon manuelle sur chacune des pages sans passé par une iframe ou autre technique du genre? (Cad copié collé le code du menu sur chaque page?)

**mathieu** · 09/11/2020, 13h34

quand un site contient des éléments qui se répètent, il vaut mieux utiliser du code côté serveur (comme PHP par exemple) ou du code côté client (comme JavaScript par exemple).

si vous voulez utiliser du JavaScript, vous pouvez regarder comment faire avec jQuery qui simplifie beaucoup de chose comme par exemple créer un nouvel élément HTML de votre menu :
https://api.jquery.com/category/manipulation/

**NoSmoking** · 09/11/2020, 15h25

il vaut mieux utiliser du code côté serveur (comme PHP par exemple)

tout à fait avec un simple <?php include ... ?>.

(...) vous pouvez regarder comment faire avec jQuery (...)

oui mais non

Pour un menu une simple boucle d'insertion sur base d'un objet JSON est suffisante et simple à réaliser.

Toutefois si jQuery est utilisé par ailleurs alors là OUI !

**Kitsune64** · 09/11/2020, 17h19

Json et Jquery ca me semble vague tout ça car je n'ai pas de connaissances dans ces deux termes là..Est-ce nécessaire? Un menu en Javascript j'ai essayé de trouvé des tutoriaux la dessus mais ça me semble plus difficile à mettre en oeuvre qu'en HTML et CSS. pour l'instant c'est ainsi que je travails sur base d'une liste à puce (ul, li)

Avez vous sous la main un code minimal se basant sur du Javascript? aussi non possible que par la suite j'en viendrais au php..Mais en ce moment je travail en local donc ca me semblait faire du lourd en installant "mon propre serveur php" via Wamp je crois alors que je peux faire léger avec les languages cités.

------------

Je réédite le message après quelques recherches supplémentaire j'ai trouvé une piste en Javascript qui pourrait me convenir. Merci.

Voici un code si ça intéresse quelqu'un.

Code :

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
19
20
21
22
23
24
25
26
27
 
 
<!DOCTYPE html>
<html><head>
    <script type='text/javascript'>
    <!--  w ww  .ja  v  a 2  s.  c  om-->
        function MenuR(){               
            var ul=document.createElement('ul');
        var li=document.createElement('li');
        li.innerHTML="<a href=''>Acceuil</a>"+" "+"Page d'Acceuil";
        ul.appendChild(li);
                var li=document.createElement('li');
        li.innerHTML="<a href=''>Codes</a>"+" "+"Sometext";
        ul.appendChild(li);
                document.getElementById('twitter_status').appendChild(ul);
    }
    </script>
</head>
<body >
  <div id="bloc"></div>
  <script type="text/javascript">
<!--
MenuR();
-->
</script>
</body>
</html>

Il ne restera plus qu'a séparer le script js du code et appeler la fonction pour faire appel au menu dans chaque page

Page embarqué par Iframe proprement et alternative.

HTML

Vue hybride

Discussions similaires

Partager

Partager