Intégrer le plugin corner

**MiKzZ** · 26/01/2013, 21h13

Bonjour, je souhaitais me servir du plugin corner, mais impossible de la faire fonctionner, cela doit être une erreur très bête.

Voici mon code :

Code html :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="fr" >
  <head>
    <title>Hello World avec jQuery</title>
    <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
  </head>
  <body>
      <div style="background-color:blue;width:200px;height:200px;">Salut tout le monde !</div>
    <script type="text/javascript" src="jquery.min.js"></script>    
<script type="text/javascript" src="jquery.corner.js"></script>
    <script type="text/javascript">
       $(div).corner();
    </script>
  </body>
</html>

Les fichier jquery.js et jquery.corner.js sont placés dans le même répertoire.

Merci d'avance pour vos réponses,
cordialement.

**Bovino** · 27/01/2013, 10h00

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

$(div).corner();

Le paramètre que tu passes est considéré comme une variable et comme celle-ci n'existe pas, le script ne risque pas de fonctionner.

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

$('div').corner();

**MiKzZ** · 27/01/2013, 13h24

effectivement ça c'était une erreur bête mais cela ne marche toujours pas :s :s

**SpaceFrog** · 27/01/2013, 13h56

mais cela ne marche toujours pas

un peu leger comme symptome ...

un message d'erreur ?
que dit la console ?
les scripts sont ils chargés ? ...

**MiKzZ** · 27/01/2013, 14h25

Je ne crois pas que le jquery affiche des erreurs sur les pages web...
Dsl je suis vraiment débutant, comment afficher une console? Comment vérifier que les script sont bien chargés?
Merci d'avance

**SpaceFrog** · 27/01/2013, 16h43

Jquery non
Le navigateur oui

Sinon avec firebug http://eric-pommereau.developpez.com...l-web/firebug/

**danielhagnoul** · 28/01/2013, 00h35

Bonsoir

La version la plus récente de jquery.corner est dépassée, elle est non compatible avec jQuery 1.9 et plus.

Il faut utiliser le CSS, voir : https://developer.mozilla.org/en-US/.../border-radius.

Exemple :

Code css :

Sélectionner tout - Visualiser dans une fenêtre à part

.salut { background-color: #56224f; color: white; font-weight: bold; width: 200px; height: 200px; padding: 20px; }

Code html :

Sélectionner tout - Visualiser dans une fenêtre à part

<div class="salut">Salut tout le monde !</div>

Code javascript :

Sélectionner tout - Visualiser dans une fenêtre à part

$( "div.salut" ).css( "border-radius", "20px 40px 40px 20px" );

**MiKzZ** · 28/01/2013, 10h41

D'accord cela explique tout :p mais je ne crois pas que cette fonction du css est compatible avec internet explorer?

**SpaceFrog** · 28/01/2013, 11h14

fonction du css

il n'existe pas de "fonctions" css ...

Le souci se pose pour les anciens navigatuers

voir css3

**danielhagnoul** · 28/01/2013, 11h19

Pour les navigateurs obsolètes, on doit utiliser des rustines, exemple : http://css3pie.com/

**Bovino** · 28/01/2013, 11h22

Personnellement, pour ce type de fonctionnalité, ma "philosophie", c'est plutôt de me dire que si l'utilisateur ne fait pas l'effort d'avoir un navigateur à peu près à jour, je n'ai pas à faire l'effort de lui proposer des améliorations uniquement esthétiques.
Le mode WYSIWYD en gros !

What you see is what you deserve ! (Ce que vous voyez est ce que vous méritez)

**MiKzZ** · 28/01/2013, 11h53

je vous remercie encore pour vos réponses pertinentes et vous souhaites une bonne journée.
Cordialement.

**SpaceFrog** · 28/01/2013, 11h54

WYSIWYD

j'aime beaucoup

**danielhagnoul** · 28/01/2013, 12h17

Envoyé par Bovino

Personnellement, pour ce type de fonctionnalité, ma "philosophie", c'est plutôt de me dire que si l'utilisateur ne fait pas l'effort d'avoir un navigateur à peu près à jour, je n'ai pas à faire l'effort de lui proposer des améliorations uniquement esthétiques.
Le mode WYSIWYD en gros !

Il y a des années que je ne me sers plus et ne m'occupe plus des navigateurs obsolètes, mais par politesse je signalais l'existence de rustines.

Intégrer le plugin corner

jQuery

Discussions similaires

Partager

Partager