Intégrer le plugin corner

Version imprimable

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:

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.

27/01/2013, 09h00
Bovino

Code:

$(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:

$('div').corner();
27/01/2013, 12h24
MiKzZ

effectivement ça c'était une erreur bête mais cela ne marche toujours pas :s :s
27/01/2013, 12h56
SpaceFrog

Citation:

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 ? ...
27/01/2013, 13h25
MiKzZ

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
27/01/2013, 15h43
SpaceFrog

Jquery non
Le navigateur oui

Sinon avec firebug http://eric-pommereau.developpez.com...l-web/firebug/
27/01/2013, 23h35
danielhagnoul

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:

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

Code:

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

Code:

$( "div.salut" ).css( "border-radius", "20px 40px 40px 20px" );
28/01/2013, 09h41
MiKzZ

D'accord cela explique tout :p mais je ne crois pas que cette fonction du css est compatible avec internet explorer?
28/01/2013, 10h14
SpaceFrog

Citation:

fonction du css

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

Le souci se pose pour les anciens navigatuers

voir css3
28/01/2013, 10h19
danielhagnoul

Pour les navigateurs obsolètes, on doit utiliser des rustines, exemple : http://css3pie.com/
28/01/2013, 10h22
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 !

Citation:

What you see is what you deserve ! (Ce que vous voyez est ce que vous méritez)
28/01/2013, 10h53
MiKzZ

je vous remercie encore pour vos réponses pertinentes et vous souhaites une bonne journée.
Cordialement.
28/01/2013, 10h54
SpaceFrog

Citation:

WYSIWYD

j'aime beaucoup :mouarf:
28/01/2013, 11h17
danielhagnoul

Citation:

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 !

:mouarf:

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.