Compatibilité IE8-10-11 : HELP !

Compatibilité IE8-10-11 : HELP ! - HTML/CSS - Programmation

Marsh Posté le 19-03-2015 à 00:56:39    

Bonsoir,
 
Dans le cadre de ma formation, je dois passer des tests pour avoir accès à des stages dans des entreprises qui demande un minimum de connaissance. Je suis très bon en HTML/CSS mais je n'ai pas encore vu le JS, je le verrai dans 1 mois seulement et une entreprise me demande de faire un exo pour un test et je dois utiliser du JS pour effectuer une chose.
 
Alors ce que je souhaite ce n'est pas me dire la solution mais m'aiguiller sur où je pourrai trouver la solution et chercher par moi-même comment l'intégrer à l'exo.
 
On me demande de :
 

Citation :

"Vous trouverez dans l'archive précédente 2 vues à reproduire : une galerie d'image en vue liste et une galerie d'image en vue mosaïque.
Contrainte: Le clic sur le premier picto en haut à gauche affiche la galerie en mosaic, le second picto en vue list.
Le support doit être jusque IE 8 inclus.
 
Langage : Jquery /HTML5/CSS
Optionnel : Le survol des picto sur fond bleu fais glisser une surface cliquable  avec un texte "Action" et le picto en bout de ligne."


 
Donc pour vous expliquer, j'ai une icone qui, quand on cliquera dessus affichera 3 images sous forme de mozaique (schéma  [] [] [] : 3 images côte à côté ) donc lorsque je clique sur le bouton liste il faudrait que dans la même div où se trouvait les images sous forme de mozaique viennent se mettre ses images mais sous une autre forme ( schéma [        |  ] [        |  ] [        |  ] : elles sont les une sous les autres à la manière des articles dans un blog ).  
 
Mon soucis est que je ne connais rien au JS et je ne trouve pas les mots pour rechercher sur google comment faire cela.
De plus, j'ai beau éssayer les solutions que je trouve je n'arrive pas à mettre ces border-radius sur ie8, 10, 11...
 
Merci d'avance pour votre aide qui me sera plus que précieuse et m'aidera peut être à trouver un stage qui me fera décrocher mon diplome.


Message édité par chrispc le 19-03-2015 à 20:27:55

---------------
L'écoconception n'est pas négociable - Topic habitats de demain : https://tinyurl.com/y5h2mjx7
Reply

Marsh Posté le 19-03-2015 à 00:56:39   

Reply

Marsh Posté le 19-03-2015 à 01:25:25    

Apprend a modifier le CSS d'une balise HTML avec du JS, et ton cas sera réglé, vu que tu as le droit à jQuery:
 
http://api.jquery.com/css/
 
Maintenant il te reste à comprendre jQuery.

Reply

Marsh Posté le 19-03-2015 à 19:58:25    

Voilà que j'ai un soucis pour le support IE8 ...
 
J'ai testé le fichier border-radius.htc comme cela mais ça fonctionne pas ...
 

Code :
  1. behavior: url(border-radius.htc);


 
C'est la bonne méthode que de vouloir changer le comportement des border-radius avec un fichier JS ?
 
Y'a une méthode plus rapide ?


Message édité par chrispc le 19-03-2015 à 20:43:42

---------------
L'écoconception n'est pas négociable - Topic habitats de demain : https://tinyurl.com/y5h2mjx7
Reply

Sujets relatifs:

Leave a Replay

Make sure you enter the(*)required information where indicate.HTML code is not allowed