dunjl
-
Compteur de contenus
35 -
Inscrit(e) le
-
Dernière visite
Messages postés par dunjl
-
-
Bonjour,
J'y ajoute la toute nouvelle Barre Accessiweb
La barre AccessiWeb permet d'aider tout internaute à évaluer manuellement l'accessibilité d'un site Web suivant les 92 critères AccessiWeb.Elle ne fonctionne que sous IE.
-
Bonjour à tous,
Dans le cadre d'un projet de cartographie sur Internet, je m'interroge sur l'accessibilité d'une telle information et notamment pour les déficients visuels.
J'ai trouvé notamment un site très intéressant sur la question :
La cartographie pour déficients visuels
Ce site est canadien et propose plusieurs solutions de carte (interactive ou non). Leurs solutions impliquent la possession de matériel particulier notamment du papier capsule, un papier qui gonfle sous l'effet de la chaleur, et d'un amplificateur thermique dans le cas simple de l'impression d'une carte.
Dans le cas des cartes audio-tactiles interactives, le système nécessite pour l'interaction avec la carte tactile imprimée, la possession d'un pavé tactile et d'une souris haptique (périphérique qui ajoute des sensations de toucher (vibration ...) lorsque l'utilisateur passe sur un objet, franchi une limite administrative etc..)
J'aimerais savoir si en France ce type de matériel est répandu et connu des internautes non voyants, en tout cas au moins le papier capsule et l'amplificateur thermique
Merci pour toute information que vous pourrez m'apportez
dunjl
-
Justement, je viens de le résoudre grâce à un script les utilisant (trouvé sur Quirksmode).
excellente source !!
-
salut
as tu essayé les propiétés offsetLeft et offsetTop de ton élément dont tu veux recupéré la position ?
-
salut,
quel sont tes elements qui ont un id qui commence par ZOOM_ dans ton document, j'ai cherché et pas trouvé. Donc, document.getElementById('ZOOM_' ..., non plus ..
-
-
salut
dans la popup qui s'ouvre essaie ca
entre les balises head tu mets
<script type="text/javascript" src="focusfenetre.js"></script>
et tu crées un fichier focusfenetre.js dans lequel tu places juste
window.onload = function () {window.focus(this);}
a+
-
ca marche chez moi
tu as bien modifié document.onload par window.onload ?
-
il y a cette solution :
<script type="text/javascript">
function getTags() {
var bodyRef = document.getElementsByTagName("body").item(0);
var tab_tags = bodyRef.getElementsByTagName('*');
for(var i = 0; i < tab_tags.length; i++) {
alert(tab_tags[i].tagName);
}
}
window.onload = getTags;
</script>si j'ai bien compris ce que tu veux
-
Tu es sûr? parce qu'il y a ça dans le document "Document Object Model DOM Level 1 Specification Second Edition" :
Methodsadd
Add a new element to the collection of OPTION elements for this SELECT.
Parameters :
element of type HTMLElement
The element to add.
before of type HTMLElement
The element to insert before, or null for the tail of the list.
et comment as-tu reglé ton probleme?
a+
-
bonjour,
et pour selectionner tes caracteres, regarde du coté de setSelectionRange(debut,fin) pour mozilla, et pour ie, regarde du coté de createTextRange(),
a+
-
bonjour
je me suis fait un petit code js qui permet de surligner une ligne d'un tableau au survol de la souris. ca fonctionne tres bien sauf ... sur opera où seulement le background du texte change de couleur
voici mon code
function bg_Tableau() {
if (!document.getElementsByTagName) return false;
var aTab = document.getElementsByTagName("TBODY");
if (aTab.length == 0) return;
for (var i=0; i<aTab.length; i++) {
var a_tr = aTab[i].getElementsByTagName("TR");
for (var j=0; j<a_tr.length; j++) {
a_tr[j].id = j+1;
a_tr[j].onmouseover = function () {this.className="rowover";};
a_tr[j].onmouseout = function () {(parseInt(this.id)%2!=0) ? this.className = "rowimp" : this.className = "rowpai";};
}
}
}cette fonction est appelée sur un window.onload
et la css correspondante:
tr.rowimp {background-color:#e7e7e7;}
tr.rowpai {background-color:#FFFFFF;}
tr.rowover{background-color:#FFFFCC;}si quelqu'un a une idée , ca m'interesse meme si ce n'est pas fondamental ! question de propreté
merci
-
bonjour
- oui c'est possible en javascript
- il peut y avoir plusieurs solutions, par exemple ajouter un evenement onclick sur une image ou un texte qui va agir sur la propriété display ou la propriété visibility du div (calque)
-
bonjour a tous,
je developpe actuellement un site où certaines pages incluent une image superposée par d'autres(avec transparence), j'aimerais que cette page soit imprimable.
J'ai donc réalisée ma feuille de style correspondante en vérifiant ce que je voulais avec l'aperçu avant impression (IE et Mozilla). Jusque là pas de souci, me dis-je
Et non, car quand j'imprime mes images transparentes sont soit avec un fond blanc (ie) soit avec un fond noir(mozilla). J'ai testé avec des images png et gif
quelqu'un a t'il une solution ?
merci
dunjl
-
salut,
peux tu etre un petit peu plus précis dans ta question...
d'après ce que je comprends, pour faire ça, tu dois generer ton javascipt par un script coté serveur (php ou autres) que tu lance via ton objet xmlhttprequest . Ensuite dans ta fonction où tu crées ton objet xmlhttprequest, tu utilises la fonction eval sur ce qu'aura renvoyé ton script coté serveur.
dunjl
-
merci pour vos réponses , c 'est déjà plus clair
-
Bonjour a tous,
J'en appelle aux connaisseurs d'Analog
Mon hébergeur me fournit des statistiques via Analog (fichiers log), j'aimerais savoir si de ces stats, qui sont surtout des stats sur le nb de pages et les requetes (si j'ai bien compris cela correspond aux hits), on peut en déduire un nb de visiteurs.
En outre, dans le résumé général, j'ai une ligne "Hôtes distincts servis", a quoi cela correspond il?
merci pour vos réponses
-
if(menu_02over.className =='cachediv' && menu_03over.className =='cachediv') {
menu_01over.className=''; }
J'ai pris ton premier if en citation, mais l'erreur est à corriger dans ton script.
En fait "menu_02over" est seulement l'id de ton image, className est la propriété d'un objet . Il faut donc que tu recupere un objet pour pouvoir tester sa propriété 'className' (j'espère que c'est clair )
donc pour ton premier if tu dois avoir :
if(document.getElementById('menu_02over').className =='cachediv' && document.getElementById('menu_03over').className =='cachediv') {
document.getElementById('menu_01over').className=''; }Repete cette modif dans tes autres tests et ca devrait corriger cette erreur
a+
-
c normal :
ton premier bloc CSS doit être
#b1 a (c'est ton lien)
après tu lui définis une largeur et une hauteur (celles de ton image)
width:122px;
height:30px (et pas line-height)
et tu peux virer le text-indent
ensuite dans tes background ton url doit être soit en absolu (comme tu l'avais avant c'est-à-dire http://.etc) ou en relatif ( ca ca dépend où sont placées tes images sur ton serveur par rapport à ta feuille css)
réessaie déja en absolu
-
désolé pour la première réponse, j'ai ajouté la réponse alors que je n'avais pas terminé
ah la la
-
<ul id="menu">
<li><a href="http://www.creativedrums.com/wordpress/home"></a></li>'>;http://www.creativedrums.com/wordpress/home"></a></li>
<div id="b1">
<a href="http://www.creativedrums.com/wordpress/home" onmouseover="fsButton(1,-30)" onmouseup="fsButton(1,-30)" onmousedown="fsButton(1,-30)" onmouseout="fsButton(1,0)"><img src="http://www.creativedrums.com/wordpress/images/clear.gif" alt="" width="122" height="30" border="0"></a>
</div>
attention je crois que ta balise ul n'est pas fermée. en outre je ne comprends pas pourquoi tu utilises cette balise ici
Sinon pour ton lien voila le code html (en retirant les commandes javascript et l'image clear.gif)
<a href="http://www.creativedrums.com/wordpress/home" ></a>et les css correspondant
#b1 a{
display: block ;
width: 122px ;
height: 30px ; <= changement
text-decoration: none ;
<= changement
background: url(http://www.creativedrums.com/wordpress/images/b-enter.jpg) no-repeat top left ; <= changement
}
#b1 a:hover
{
background: url(http://www.creativedrums.com/wordpress/images/b-enter.jpg) no-repeat bottom left; <=changement
}
chez moi ca fonctionne sur moz et ie
a+
-
<ul id="menu">
<li><a href="http://www.creativedrums.com/wordpress/home"></a></li>'>;http://www.creativedrums.com/wordpress/home"></a></li>
<div id="b1">
<a href="http://www.creativedrums.com/wordpress/home" onmouseover="fsButton(1,-30)" onmouseup="fsButton(1,-30)" onmousedown="fsButton(1,-30)" onmouseout="fsButton(1,0)"><img src="http://www.creativedrums.com/wordpress/images/clear.gif" alt="" width="122" height="30" border="0"></a>
</div>
attention je crois que ta balise ul n'est pas fermée. en outre je ne comprends pas pourquoi tu utilises cette balise ici
Sinon pour ton lien voila le code html (en retirant les commandes javascript)
<a href="http://www.creativedrums.com/wordpress/home" ><img src="http://www.creativedrums.com/wordpress/images/clear.gif" alt="" width="122" height="30" border="0"></a>et les css correspondant
#b1 a{
display: block ; /* On passe les liens en éléments de type block pour leur donner des propriétés de taille */
width: 122px ;
line-height: 30px ;
color: #000 ;
text-indent: 40px ; /* On décale le texte de 40px du bord gauche */
text-decoration: none ;
background: url(b-enter.jpg) no-repeat top left ; <= changement
}
#b1 a:hover
{
background: url(b-enter.jpg) no-repeat bottom left; <=changement
}
-
sous IE l'image est complètement grisée
-
Salut,
Je viens de regarder rapidement ton site, j'aime bien la sobriété du design. Je n'ai pas trop le temps de regarder tout ton css en revanche j'ai pu voir que ton rollover est en javascript, tu peux faire la même chose (sans changer ton image en plus, parce qu'elle deja prête) juste en css.
Regarde ici
en plus c'est en français et pas compliqué à mettre en place.
bon css
dunjl
Un site qui s'adapte à tout les écrans
dans (X)HTML et CSS
Posté · Modifié par dunjl
Bonjour,
Si tu n'es pas anglophobe et que tu as quelques connaissances en HTML, CSS, voici la présentation d'une méthode qui permet que ta mise en page utilise toujours l'espace entier de la fenêtre.
Voici la démo ...
J'espère que cela correspond à ta question.
A bientot