Sujet Précédent Sujet Suivant

[Web] Afficher un "panneau" d'accueil

Fermé
ckvtdn Messages postés 756 Date d'inscription lundi 19 février 2007 Statut Membre Dernière intervention 24 novembre 2020 - 7 déc. 2012 à 02:40
bg62 Messages postés 23672 Date d'inscription samedi 22 octobre 2005 Statut Modérateur Dernière intervention 23 janvier 2025 - 11 déc. 2012 à 09:43
Bonjour bonjour,

Voilà, je m'occupe d'un tout petit site communautaire en grand amateur et là, on change de site justement, alors j'aimerai faire sorte que, sur l'ancien site, lorsque le visiteur (ou le membre) arrive, un panneau s'affiche directement en plein milieu (genre 300x300), afin de l'informer du changement de site. En fait, cela revient à faire apparaître une image + un texte par dessus que le visiteur fait disparaitre en cliquant.

Alors, après m'être renseigné, il faut apparemment faire une div, et aussi un peu je javascript, j'ai réussi à obtenir ce bout de code :

<html>
<head>
<script language="javascript">
var Cacher = true;
function CacherDiv() {
if (Cacher)
document.getElementById('azerty').style.display='none';
}
</script>
</head>
<body onclick="CacherDiv();">
<div id="azerty" onmouseover="Cacher=false;" onmouseout="Cacher=true;" style="border-style:solid;">
<img src="bgdiv.png" width="300" height="300">
</div>
</body>
</html>


Néanmoins, quelque chose me dit qu'y'a comme des "manques" quelque part, si quelqu'un pouvait m'aider à compléter ça pour que ça fonctionne parfaitement, ce serait formidable =)

Merci par avance !

A voir également:

2 réponses

Réponse 1 / 2
MadriWeb Messages postés 541 Date d'inscription dimanche 2 décembre 2012 Statut Membre Dernière intervention 16 mars 2013 57
7 déc. 2012 à 02:56
Le mieux serait pour ne pas perdre le référencement naturel de votre site Internet, de faire une redirection permanente (le code correspondant est 301 et en anglais le langage utilisé est redirectpermanent) de votre ancien site vers le nouveau site Internet communautaire. Généralement cela se fait par .htaccess (c'est aussi possible de le faire via php par exemple).

0
ckvtdn Messages postés 756 Date d'inscription lundi 19 février 2007 Statut Membre Dernière intervention 24 novembre 2020 141
7 déc. 2012 à 03:45
Ok, mais cette réponse, même si tout à fait correcte dans un autre contexte, me semble "hors sujet" dans la mesure ou le choix de changer de site a été décidé.

Ce que je veux vraiment pour le moment, c'est simplement faire sorte que, sur l'ancien site, lorsque le visiteur (ou le membre) arrive, un panneau s'affiche directement en plein milieu (genre 300x300), afin de l'informer du changement de site. En fait, cela revient à faire apparaître une image + un texte par dessus que le visiteur fait disparaitre en cliquant.

Mais merci malgré tout de ta réponse Madriweb =)
0
bg62 Messages postés 23672 Date d'inscription samedi 22 octobre 2005 Statut Modérateur Dernière intervention 23 janvier 2025 2 393
11 déc. 2012 à 09:43
une redirection permanente est le meilleur moyen ;)
tout le monde sera automatiquement dirigé vers le nouveau ... et si tu veux vraiment dire que ' c'est le nouveau', tu l'indiques dessus ;)
0
Réponse 2 / 2
Utilisateur anonyme
7 déc. 2012 à 08:55
Salut,

Voici une proposition.
En fait, pourquoi utilises-tu onmouseover et onmouseout, puisque la fenêtre doit s'ouvrir au chargement ?
J'ai osé mettre un peu de style.

Par contre, tu remarqueras que les margin-top et margin-left font la moitié des dimensions de l'image. C'est tout normalement.

Tu n'utilises pas de Jquery sur ce site ? Sinon, c'est encore plus simple.

Bonne continuation ! 

<html> 
  <head> 
  <script language="javascript"> 
  function CacherDiv() { 
    document.getElementById('azerty').style.display = 'none'; 
  } 
  </script> 
  <style>
    body { margin: 0 auto;}
    #azerty { position: fixed; width: 100%; height: 100%; background-color: black; opacity: 0.85;}
    #azerty img { position: fixed; width: 300px; height: 300px; left: 50%; margin-left: -150px; top: 50%; margin-top: -150px;}
  </style>
  </head>
   
  <body onclick="CacherDiv();"> 
    <div id="azerty"> 
      <img src="bgdiv.png"> 
    </div>
    
    <p>Lorem ipsum dolor sit amet consectetuer netus In Phasellus ut Nunc. Elit massa a id eu Vestibulum cursus mauris cursus nunc ultrices. Dictumst volutpat amet tincidunt diam eros pellentesque auctor egestas condimentum hendrerit. Est ut at tempor vitae pretium auctor sit sollicitudin id ridiculus. Suspendisse Vivamus ut enim pretium mauris Vestibulum est elit dolor cursus. At orci et id eu ut sapien ut id.</p>
 
  </body> 
</html>

0
ckvtdn Messages postés 756 Date d'inscription lundi 19 février 2007 Statut Membre Dernière intervention 24 novembre 2020 141
7 déc. 2012 à 11:48
Bonjour bonjour, en fait, j'utilise ces attributs parce que... c'est la seule manière que l'on m'ai déjà montré, si il en existe d'autres comme celle que tu viens de me donner, c'est encore mieux, et si, comble du style, c'est faisable en JQuery, je suis encore plus preneur dans la mesure ou je suis "fan" de JQuery !
0
ckvtdn Messages postés 756 Date d'inscription lundi 19 février 2007 Statut Membre Dernière intervention 24 novembre 2020 141
8 déc. 2012 à 20:58
Rebonsoir,

Et si, dans un autre cas, je souhaite que ce panneau puisse être affiché en cliquant sur une image quelque part, faut-il m'y prendre autrement ?
0
Utilisateur anonyme
10 déc. 2012 à 21:26
Du coup, ça te fait un truc du style :

<script language="javascript">
$(document).ready(function() {
$("#azerty").show;
$("#azerty").click(function() { $(this).hide(); });
});
</script>

et tu peux enlever le onclick="CacherDiv();" du <body> et le premier script js.
0

Discussions similaires

Panneau de configuration Nvidia incomplet
Icefire692 -
fabul -

37 réponses