IdentifiantMot de passe
Loading...
Mot de passe oublié ?Je m'inscris ! (gratuit)
Navigation

Inscrivez-vous gratuitement
pour pouvoir participer, suivre les réponses en temps réel, voter pour les messages, poser vos propres questions et recevoir la newsletter

JavaScript Discussion :

blur sur div


Sujet :

JavaScript

  1. #1
    Membre éclairé
    Profil pro
    Inscrit en
    Mai 2002
    Messages
    616
    Détails du profil
    Informations personnelles :
    Localisation : France

    Informations forums :
    Inscription : Mai 2002
    Messages : 616
    Par défaut blur sur div
    Bonjour

    j'ai des vignettes qui lorsque l'on passe par dessus affiche un zoom dans un div
    mon souci est que le div prend le focus ce que je ne veux pas!
    comment faire pour lui enlever le focus des qu'il apparait
    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    3
    4
    5
    6
    7
     
    function AppearImg(srcimage) {
      newHTML = '<img src="images/' + srcimage + '" >';
      document.getElementById("zoom").innerHTML = newHTML;
      //document.getElementById("zoom").onfocus=this.blur; 
      new Effect.Appear("zoom", 5);
    }
    merci de votre aide

  2. #2
    Rédacteur/Modérateur

    Avatar de SpaceFrog
    Homme Profil pro
    Développeur Web Php Mysql Html Javascript CSS Apache - Intégrateur - Bidouilleur SharePoint
    Inscrit en
    Mars 2002
    Messages
    39 659
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Âge : 75
    Localisation : Royaume-Uni

    Informations professionnelles :
    Activité : Développeur Web Php Mysql Html Javascript CSS Apache - Intégrateur - Bidouilleur SharePoint
    Secteur : Industrie

    Informations forums :
    Inscription : Mars 2002
    Messages : 39 659
    Billets dans le blog
    1
    Par défaut
    pourquoi modifier tout le innerHTML alors que tu pourrais ne modifier que le src de l'image ?
    Ma page Developpez - Mon Blog Developpez
    Président du CCMPTP (Comité Contre le Mot "Problème" dans les Titres de Posts)
    Deux règles du succès: 1) Ne communiquez jamais à quelqu'un tout votre savoir...
    Votre post est résolu ? Alors n'oubliez pas le Tag

    Venez sur le Chat de Développez !

  3. #3
    Membre éclairé
    Profil pro
    Inscrit en
    Mai 2002
    Messages
    616
    Détails du profil
    Informations personnelles :
    Localisation : France

    Informations forums :
    Inscription : Mai 2002
    Messages : 616
    Par défaut
    le div en question :
    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    <div id="zoom"  style="filter:alpha(opacity=0); -moz-opacity: 0;">&nbsp;</div>

  4. #4
    Membre éclairé
    Profil pro
    Inscrit en
    Mai 2002
    Messages
    616
    Détails du profil
    Informations personnelles :
    Localisation : France

    Informations forums :
    Inscription : Mai 2002
    Messages : 616
    Par défaut
    pourquoi modifier tout le innerHTML alors que tu pourrais ne modifier que le src de l'image ?
    quel rapport avec ma question?

    comment faire pour enlever le focus du DIV dès qu'il apparait
    merci

  5. #5
    Rédacteur/Modérateur

    Avatar de SpaceFrog
    Homme Profil pro
    Développeur Web Php Mysql Html Javascript CSS Apache - Intégrateur - Bidouilleur SharePoint
    Inscrit en
    Mars 2002
    Messages
    39 659
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Âge : 75
    Localisation : Royaume-Uni

    Informations professionnelles :
    Activité : Développeur Web Php Mysql Html Javascript CSS Apache - Intégrateur - Bidouilleur SharePoint
    Secteur : Industrie

    Informations forums :
    Inscription : Mars 2002
    Messages : 39 659
    Billets dans le blog
    1
    Par défaut
    ben si tu modifies juste le src le div ne prendrait pas le focus ?

    ha ben si là le focus n'a rien a voir avec le innerHMLT mais avec le fading ...

    ben envoie le focus ou tu vux à la fin du fading ...
    Ma page Developpez - Mon Blog Developpez
    Président du CCMPTP (Comité Contre le Mot "Problème" dans les Titres de Posts)
    Deux règles du succès: 1) Ne communiquez jamais à quelqu'un tout votre savoir...
    Votre post est résolu ? Alors n'oubliez pas le Tag

    Venez sur le Chat de Développez !

  6. #6
    Membre éclairé
    Profil pro
    Inscrit en
    Mai 2002
    Messages
    616
    Détails du profil
    Informations personnelles :
    Localisation : France

    Informations forums :
    Inscription : Mai 2002
    Messages : 616
    Par défaut
    merci
    je vais essayer tout ça

    au passage une autre question :
    j'ai une page avec beaucoup d'images(recuperées dans une BDD),
    ID URL
    1 image1
    2 image2
    et je voudrais faire une recherche sur celles-ci
    A l'affichage ces images se trouvent dans des div
    L'ID de la Table devient l'id du div
    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    3
    4
     
    <div id="1">image1
    <div id="2">image2
    ...
    pour le resultat de ma recheche je recupere L'ID de la Table
    que j'envoie dans un script js
    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    3
    4
    <script language="javascript" type="text/javascript">
    alert("'.$cible.'");
    //où $cible est L'ID de la Table et donc l'id du div  
    </script>
    ET VOICI ENFIN MA QUESTION
    que puis je utiliser en javascript, qui me permette d'aller dans la zone ou se trouve l'image recherchée (comme le ferait un ancre html; que je ne peux pas utiliser helas...) ?
    j'imagine que ça passe par un
    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    document.getElementById("'.$cible.'")
    mais la suite ... je sais pas

    merci de votre aide

  7. #7
    Membre éclairé
    Profil pro
    Inscrit en
    Mai 2002
    Messages
    616
    Détails du profil
    Informations personnelles :
    Localisation : France

    Informations forums :
    Inscription : Mai 2002
    Messages : 616
    Par défaut
    avec ça c'est ok
    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    <script language="javascript" type="text/javascript">document.getElementById("'.$cible.'").focus();</script>

  8. #8
    Rédacteur/Modérateur

    Avatar de SpaceFrog
    Homme Profil pro
    Développeur Web Php Mysql Html Javascript CSS Apache - Intégrateur - Bidouilleur SharePoint
    Inscrit en
    Mars 2002
    Messages
    39 659
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Âge : 75
    Localisation : Royaume-Uni

    Informations professionnelles :
    Activité : Développeur Web Php Mysql Html Javascript CSS Apache - Intégrateur - Bidouilleur SharePoint
    Secteur : Industrie

    Informations forums :
    Inscription : Mars 2002
    Messages : 39 659
    Billets dans le blog
    1
    Par défaut
    pourquoi ne pourrais tu utiliser l'ancre ?

    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    self.location.href="#'.$cible.'"
    Ma page Developpez - Mon Blog Developpez
    Président du CCMPTP (Comité Contre le Mot "Problème" dans les Titres de Posts)
    Deux règles du succès: 1) Ne communiquez jamais à quelqu'un tout votre savoir...
    Votre post est résolu ? Alors n'oubliez pas le Tag

    Venez sur le Chat de Développez !

Discussions similaires

  1. onmouseOut sur div
    Par éloi_75 dans le forum Général JavaScript
    Réponses: 7
    Dernier message: 05/10/2007, 12h36
  2. [XHTML][CSS] Overflow sur DIV sans taille déterminée
    Par pingos dans le forum Mise en page CSS
    Réponses: 3
    Dernier message: 20/08/2006, 15h37
  3. [css] afficher image sur div différent
    Par mussara dans le forum Mise en page CSS
    Réponses: 20
    Dernier message: 25/07/2006, 12h47
  4. Contenu opaque sur DIV translucide
    Par monstroplante dans le forum Balisage (X)HTML et validation W3C
    Réponses: 4
    Dernier message: 05/06/2006, 14h46
  5. Problème innerHTML sur div !!!
    Par aburner dans le forum Général JavaScript
    Réponses: 5
    Dernier message: 27/01/2005, 09h23

Partager

Partager
  • Envoyer la discussion sur Viadeo
  • Envoyer la discussion sur Twitter
  • Envoyer la discussion sur Google
  • Envoyer la discussion sur Facebook
  • Envoyer la discussion sur Digg
  • Envoyer la discussion sur Delicious
  • Envoyer la discussion sur MySpace
  • Envoyer la discussion sur Yahoo