Discussion :

[Mike_STX]

Bonjour,

Voilà mon problème : Je souhaiterai modifier la couleur et la largeur de la bordure d'un input de ma page HTML.
Avant avec du javascript normal, j'utilisais la fonction :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
 
document.getElementById(inputForm).style.border = "1px solid #00FF00";

Pour pouvoir modifier ma bordure, mais avec Node.js, j'ai une erreur comme quoi "document" n'est pas défini.
J'arrive déjà à récupérer la valeur de mon input avec :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
 
.post('/login/SendForm/', urlencodedParser, 
	function(request, result)
	{
             var IPN = request.body.inputIPN; // inputIPN étant le nom de mon input
        });

Il doit donc surement avoir un moyen d'accéder à ses élements CSS mais j'avoue que je bloque

Merci pour votre aide, bonne journée

[xulien]

Avant avec du javascript normal ...

... ton code était exécuté coté client ...

mais avec Node.js, j'ai une erreur comme quoi "document" n'est pas défini ...

... car l'objet document est fourni par le navigateur et représente le DOM, qui n’existe pas ici puisque ton code est exécute coté serveur.

Il doit donc surement avoir un moyen d'accéder à ses élements CSS

il faut voir du coté de ton moteur de template et/ou inclure directectement l'element de style dans le html que tu génére avant de l'envoyer au navigateur.

Code html :

Sélectionner tout - Visualiser dans une fenêtre à part

<input id="inputForm" style="border: 1px solid #00FF00; ">

ou bien mieux:

Code html :

Sélectionner tout - Visualiser dans une fenêtre à part

<input id="inputForm" class="laClassDeMonInput">

Code css :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
// dans le fichier css de ton site
.laClassDeMonInput {border: 1px solid #00FF00;}

[Mike_STX]

Merci pour ta réponse xulien,

j'avais pensé à faire ça avec le template mais je voulais être sur qu'il n'y avait pas une méthode un peu plus direct.

En tous cas, la métode en générant un template marche parfaitement bien, c'est donc résolu .
Pour ceux que ça peut intéressé, voici mon fichier ".EJS" :

Code html :

Sélectionner tout - Visualiser dans une fenêtre à part

<input type = "text" id = "inputIPN" name = "inputIPN" style = "<%=borderStyleIPN%>;" maxlength = "7" placeholder = "IPN" />

et la ligne de code utiliser dans mon fichier ".JS" :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

result.render('nomdufichier.ejs', {borderStyleIPN: request.session.borderStyleIPN});

Encore merci