Articles of design

Spring MVC – JSTL Tag JSON Conversion OK?

Une méthode de contrôleur psuedo @RequestMapping("/foo") public String getFoo(Model model) { model.add("foo", repo.findFoo()); model.add("bar", repo.findBar()); model.add("barOptions", repo.findBarOptions(bar)); return "fooView"; } Disons que le client utilise le langage Expression pour rendre foo et bar ; Mais nous utilisons JavaScript pour rendre barOptions . <html> <script> var options = <mytag:toJSON object="${barOptions}"/>; $("#options").renderOptions( options ); </script> <body> <mytag:renderFoo […]

Modifier le contenu / l'arrière-plan des éléments multiples selon le contenu du curseur

J'ai fait une image à l'aide de photoshop d'une conception simulée de la page afin que vous puissiez visualiser ce que j'essaie d'atteindre. Regardez l'image à la fin de cette question tout en essayant de répondre. Question mise à jour: À ce moment-là, je n'ai pas de code, je me demandais si quelqu'un pouvait me […]

Fixation des onglets en haut de la page, mais sous l'en-tête

J'essaie de trouver comment concevoir un en-tête pour un site Web afin qu'il y ait des onglets placés sous l'en-tête (qui ressemblent à ceux qui sortent de l'en-tête), qui restent avec l'en-tête lorsque la page est défilée (Et l'en-tête se déplace vers le haut), mais quand ils atteignent le haut de la page, ils sont […]

Défilement uniquement de la distance d'un modeur sur des écrans plus petits avec des requêtes multimédias

J'ai un modele qui apparaît sur un événement onclick. Fondamentalement, il ajoute une couche grisée sur la page, puis ajoute un dival div divisé sur un index z supérieur au gris. Le problème auquel je suis impliqué est pour les tailles d'écran plus petites que vous pouvez faire défiler vers le bas du corps. J'ai […]

Un moyen approprié de transmettre des variables complexes à javascript via HTML

J'essayais d'échapper à l'utilisation des htmlentities de PHP et voila où je me suis arrêté: <?php echo '<img … onclick="MP.view(\''.$i->name.'\') />'; ?> Mais alors, je pensais, au lieu de faire des remplacements et des chèques pour des personnages spéciaux, je vais simplement jonser l'objet entier. <?php echo '<img … onclick="MP.view('.json_encode($i).') />'; ?> Et cela a […]

Comprendre quand utiliser les événements et quand utiliser le rappel

Avec les événements, l'initiateur soulève un événement qui sera reçu par les routines qui ont choisi de recevoir cet événement. Le destinataire spécifie les événements qu'il recevra de quels initiateurs. Avec les rappels, la routine après l'achèvement avise l'appelant de l'achèvement. Je suis donc confus où dois-je utiliser des événements ou où dois-je utiliser les […]

Comportement de barre de défilement personnalisé en Javascript?

Je voudrais reproduire un effet similaire à cette page: http://artofflightmovie.com/ où la barre de défilement verticale contrôle la progression de la "fenêtre" du navigateur sur un chemin prédéfini. Je pense que la façon la plus simple d'y parvenir est l'utilisation de javascript pour lire la valeur de la barre de défilement et positionner les éléments […]

Comment puis-je lancer des événements personnalisés sur toile dans Fabric JS?

Comment puis-je utiliser des événements personnalisés sur toile en tissu js? Je souhaite enregistrer les événements javaScript sur un canevas en tissu js.

Faire un curseur / carrousel d'image réactif

Je crée mon propre curseur et j'ai besoin d'aide pour le rendre réactif. En ce moment, il fonctionne avec la partie réactive sur la première diapositive, mais quand je vais à la prochaine diapositive (dans ce cas, n'importe quel li qui n'est PAS premier enfant), le positionnement et la largeur des li ne s'accrochent pas […]

Comment déclencher la requête des médias sur la demande des utilisateurs avec javascript

J'ai une page Web adaptée avec une conception différente pour différentes tailles d'écran, j'utilise @mediaquery pour changer ma conception. Je souhaite donner à l'utilisateur la possibilité de modifier la conception pour des tailles d'écran plus petites ou plus grandes, même si la taille de l'écran n'a pas changé. Est-il possible de déclencher une @mediaquery avec […]