Fenêtre dans la même page
tynareagen
Messages postés
11
Date d'inscription
Statut
Membre
Dernière intervention
-
tynareagen Messages postés 11 Date d'inscription Statut Membre Dernière intervention -
tynareagen Messages postés 11 Date d'inscription Statut Membre Dernière intervention -
Bonjour, je voudrais mettre ce genre de fenêtre sur ma page, c'est à dire cliquer sur un lien et avoir un cadre qui s'ouvre et se referme si on clic à côté, je mets le lien du site ci-dessous comme modèle, en cliquant sur les liens en bas de la page dans les boutons rouges ça ouvre un cadre, est ce que c'est un script et si oui, je voudrais savoir à quel endroit le mettre dans le code source, merci de votre aide
http://michaelflatleydance.com
http://michaelflatleydance.com
A voir également:
- Fenêtre modale javascript
- Fenetre windows - Guide
- Fenêtre hors écran windows 11 - Guide
- Mcafee fenetre intempestive - Accueil - Piratage
- Telecharger javascript - Télécharger - Langages
- Fenetre de navigation privée - Guide
3 réponses
Bonjour,
Ce que tu cherches à faire s'appelle une fenêtre MODAL.
Tu trouveras de très nombreux exemples sur le net.
par exemple :
https://www.sitepoint.com/14-jquery-modal-dialog-boxes/
Ce que tu cherches à faire s'appelle une fenêtre MODAL.
Tu trouveras de très nombreux exemples sur le net.
par exemple :
https://www.sitepoint.com/14-jquery-modal-dialog-boxes/
Merci pour vos réponses mais mon problème n'est pas vraiment le code car celui que j'ai trouvé se place en haut de la page après le head, mais c'est surtout le lien du texte pour que ce lien s'ouvre sur la modale, pour l'instant mon lien ouvre une nouvelle page et non le cadre, et si je met le reste du script après le a href c'est le mot "on click" qui s'inscrit à la place du texte, je sais pas si j'arrive bien à m'exprimer
ex : mon texte c'est "PRACTICES" et quand je mets dans la source le script pour le lien et bien je me retrouve avec ceci à la place : on clic
ex : mon texte c'est "PRACTICES" et quand je mets dans la source le script pour le lien et bien je me retrouve avec ceci à la place : on clic
voilà le début de mon script en haut de la page
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<script>
function pop() {
window.open('pop','height=x,width=y,top=z,left=t,resible=no');
}
</script>
<script language="JavaScript1.2">
/*
SCRIPT EDITE SUR L'EDITEUR JAVASCRIPT
http://www.editeurjavascript.com
function ejs_nodroit()
{
alert('TOPGUN WELCOME');
return(false);
}
document.oncontextmenu = ejs_nodroit;
</script>
<title>TopGun Cheerleading Academy</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
_________________________________________________________________
et voilà le lien ou je veux le faire aller sur la fenêtre modale
<tr valign="top" bgcolor="#000000">
<td> <div align="center">
<p><font color="#FFFFFF" size="4"><font face="Verdana, Arial, Helvetica, sans-serif"><a href="practices.html" rel="nofollow" target="_blank">PRACTICES</a></font></font></p>
</div></td>
<td> <div align="center">
<p><font color="#FFFFFF" size="4"><font face="Verdana, Arial, Helvetica, sans-serif">
<a href="warmup.html" rel="nofollow" target="_blank">TENUE WARMUP</a></font></font></p>
</div></td>
<td> <div align="center">
<p><font color="#FFFFFF" size="4" face="Verdana, Arial, Helvetica, sans-serif"><a href="classes.html" rel="nofollow" target="_blank">CLASSES</a></font></p>
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<script>
function pop() {
window.open('pop','height=x,width=y,top=z,left=t,resible=no');
}
</script>
<script language="JavaScript1.2">
/*
SCRIPT EDITE SUR L'EDITEUR JAVASCRIPT
http://www.editeurjavascript.com
- /
function ejs_nodroit()
{
alert('TOPGUN WELCOME');
return(false);
}
document.oncontextmenu = ejs_nodroit;
</script>
<title>TopGun Cheerleading Academy</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
_________________________________________________________________
et voilà le lien ou je veux le faire aller sur la fenêtre modale
<tr valign="top" bgcolor="#000000">
<td> <div align="center">
<p><font color="#FFFFFF" size="4"><font face="Verdana, Arial, Helvetica, sans-serif"><a href="practices.html" rel="nofollow" target="_blank">PRACTICES</a></font></font></p>
</div></td>
<td> <div align="center">
<p><font color="#FFFFFF" size="4"><font face="Verdana, Arial, Helvetica, sans-serif">
<a href="warmup.html" rel="nofollow" target="_blank">TENUE WARMUP</a></font></font></p>
</div></td>
<td> <div align="center">
<p><font color="#FFFFFF" size="4" face="Verdana, Arial, Helvetica, sans-serif"><a href="classes.html" rel="nofollow" target="_blank">CLASSES</a></font></p>
Bonjour,
Avec les mots clef "fenêtre modal", il est possible de trouver des exemples en français
https://sohtanaka.developpez.com/tutoriels/javascript/creez-fenetre-modale-avec-css-et-jquery/
Avec les mots clef "fenêtre modal", il est possible de trouver des exemples en français
https://sohtanaka.developpez.com/tutoriels/javascript/creez-fenetre-modale-avec-css-et-jquery/
Je pense que ce genre de fonctionnalité n'est pas présente via des éditeurs web (en mode graphique)... pas le choix.. tu vas de devoir mettre la main dans le code
Il vaut mieux placer son code javascript au début de ses pages.
Non.
Il est au contraire préférable de le placer à la fin !
Ca permet aux pages de s'afficher entièrement (la partie HTML donc le DOM) avant de commencer à charger le JS et donc d'essayer de manipuler des éléments qui ne seraient pas encore affichés.....
Il est même préférable de placer ses code JS dans un fichier à part ( un fichier truc.js) de sorte à ne pas avoir 50 000 linges de code dans un seul et même fichier.