La programmation html

2

Je souhaite charger une image PNG encodée en Base64 dans un élément canvas. J'ai ce code: <html> <head> </head> <body> <canvas id="c"></canvas> <script type="text/javascript"> var canvas = document.getElementById("c"); var ctx = canvas.getContext("2d"); data = "data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAUAAAAFCAIAAAACDbGyAAAAAXNSR0IArs4c6QAAAAlwSFlzAAALEwAACxMBAJqcGAAAAAd0SU1FB9oMCRUiMrIBQVkAAAAZdEVYdENvbW1lbnQAQ3JlYXRlZCB3aXRoIEdJTVBXgQ4XAAAADElEQVQI12NgoC4AAABQAAEiE+h1AAAAAElFTkSuQmCC"; ctx.drawImage(data, 0, 0); </script> </body> </html> Dans Chrome 8, j'obtiens l'erreur: Uncaught TypeError: Type error …

89 html canvas png base64

4

Centre div fixe avec largeur dynamique (CSS)

J'ai un div qui aura ce CSS: #some_kind_of_popup { position: fixed; top: 100px; min-height: 300px; width: 90%; max-width: 900px; } Maintenant, comment puis-je centrer ce div? Je peux utiliser margin-left: -450px; left: 50%;mais cela ne fonctionnera que lorsque l'écran est> 900 pixels. Après cela (lorsque la fenêtre est <900 pixels), …

89 css html center

2

Ajout dynamique d'éléments d'entrée au formulaire

J'ai lu de nombreux blogs et articles sur l'ajout dynamique d'ensembles de champs, mais ils donnent tous une réponse très compliquée. Ce dont j'ai besoin n'est pas si compliqué. Mon code HTML: <input type="text" name="member" value="">Number of members: (max. 10)<br /> <a href="#" id="filldetails">Fill Details</a> Ainsi, un utilisateur entrera une …

89 javascript html forms

9

Image d'arrière-plan de style de liaison de données Vue.js ne fonctionne pas

J'essaye de lier le src d'une image dans un élément, mais cela ne semble pas fonctionner. J'obtiens une "Expression non valide. Corps de la fonction générée: {backgroundImage: {url (image)}". La documentation dit d'utiliser soit 'Kebab-case' ou 'camel-case'. <div class="circular" v-bind:style="{ backgroundImage: { url(image) }"></div> Voici un violon: https://jsfiddle.net/0dw9923f/2/

89 javascript html css vue.js

16

Comment puis-je centrer <ul> <li> en div

Comment puis-je centrer une liste non ordonnée <li>dans une largeur fixe div? <table width="100%"> <tbody> <tr> <td width="41%"><img src="/web/20100104192317im_/http://www.studioteknik.com/html2/html/images/hors-service.jpg" width="400" height="424"></td> <td width="59%"><p align="left">&nbsp;</p> <h1 align="left">StudioTeknik.com</h1> <p><br align="left"> <strong>Marc-André Ménard</strong></p> <ul> <li>Photographie digitale</li> <li>Infographie </li> <li>Débug et IT (MAC et PC)</li> <li> Retouche </li> <li>Site internet</li> <li>Graphisme</li> </ul> <p align="left"><span …

88 css html html-lists

6

Implémenter un indicateur de chargement pour un appel jQuery AJAX

J'ai un modal Bootstrap qui est lancé à partir d'un lien. Pendant environ 3 secondes, il reste vide, tandis que la requête AJAX récupère les données de la base de données. Comment puis-je implémenter une sorte d'indicateur de chargement? Le bootstrap de Twitter fournit-il cette fonctionnalité par défaut? EDIT: code …

88 javascript jquery html ajax

4

Quelle est la longueur maximale pratique pour l'identifiant HTML?

La spécification HTML dit Les jetons ID et NOM doivent commencer par une lettre ([A-Za-z]) et peuvent être suivis de n'importe quel nombre de lettres, chiffres ([0-9]), tirets ("-"), traits de soulignement ("_") , deux points (":") et des points ("."). Et même si la déclaration SGML de HTML 4 …

88 javascript html css

12

Désactiver le sélecteur de date natif dans Google Chrome

Le sélecteur de date a atterri sur Chrome 20, y a-t-il un attribut pour le désactiver? Tout mon système utilise jQuery UI datepicker et son crossbrowser, donc, je souhaite désactiver le datpicker natif de Chrome. Y a-t-il un attribut de balise?

88 html google-chrome datepicker

8

Comment échapper <et> à l'intérieur des balises <pre>

J'essaie d'écrire un article de blog qui comprend un segment de code dans une <pre>balise. Le segment de code comprend un type générique et utilise <>pour définir ce type. Voici à quoi ressemble le segment: <pre> PrimeCalc calc = new PrimeCalc(); Func<int, int> del = calc.GetNextPrime; </pre> Le HTML résultant …

88 html escaping markup blogger

13

Comment puis-je me débarrasser du décalage d'un élément en utilisant CSS?

J'ai un problème de positionnement avec certains éléments, après l'inspection des outils de développement IE8, cela me montre ceci: Maintenant, je suis à peu près sûr que mon problème est ce décalage 12, mais comment le supprimer ? Je ne trouve aucune mention d'une propriété de décalage CSS. Avons-nous besoin …

88 html css internet-explorer user-interface

5

Div avec défilement horizontal uniquement

J'ai un DIV de largeur fixe contenant une table avec de nombreuses colonnes et je dois permettre à l'utilisateur de faire défiler le tableau horizontalement dans le DIV. Cela doit fonctionner uniquement sur IE6 et IE7 (application client interne). Les travaux suivants dans IE7: overflow-x: scroll; Quelqu'un peut-il vous aider …

88 html css

13

Changer la couleur des puces d'une liste HTML sans utiliser span

Je me demandais s'il y avait un moyen de changer la couleur des puces dans une liste. J'ai une liste comme celle-ci: <ul> <li>House</li> <li>Car</li> <li>Garden</li> </ul> Il ne m'est pas possible d'insérer quoi que ce soit dans les li, comme un «span» ou un «p». Puis-je changer la couleur …

88 html css

13

Comment étirer une image d'arrière-plan pour couvrir l'ensemble de l'élément HTML?

J'essaie d'obtenir une image d'arrière-plan d'un élément HTML (corps, div, etc.) pour étirer toute sa largeur et sa hauteur. Je n'ai pas beaucoup de chance. Est-ce même possible ou dois-je le faire d'une autre manière en plus d'être une image d'arrière-plan? Mon CSS actuel est: body { background-position: left top; …

88 html css background-image

15

Lecture automatique de fichiers audio sur un iPad avec HTML5

J'essaie d'obtenir un fichier audio à lire automatiquement dans Safari sur un iPad. Si je vais sur la page en utilisant Safari sur mon Mac, ça va. Sur l'iPad, la lecture automatique ne fonctionne pas.

88 iphone audio ipad html

5

Comment afficher un curseur d'entrée de plage verticalement

Je voudrais afficher un <input type="range" />contrôle de curseur verticalement. Je ne suis concerné que par les navigateurs prenant en charge le contrôle du curseur de plage. J'ai trouvé des commentaires et des références qui semblent indiquer que définir une hauteur supérieure à la largeur entraînera le navigateur pour changer …

88 html css

Questions marquées «html»