Bonjour a tous.
Voila j'ai posté un sujet hier pour demander de l'aide afin d'appliquer un event a un input via javascript.

j'avais donc ce code:

for(var i=0;true;i++){
	if(document.getElementsByTagName('input')[i].type == 'hidden'){
		var input = document.getElementsByTagName('input')[i];
		value = input.style.background = '#0040ff';
		input.title = input.name;
		input.type = 'text';
		input.onfocus = function() {alert('test');};
	}
}

qui ne marchait pas. On m'a conseillé de recréer un input et de remplacer l'ancien par le nouveau
j'ai donc créé:

for(var i=0;i < document.getElementsByTagName('input').length;i++){
	if(document.getElementsByTagName('input')[i].type == 'hidden'){
		var input = document.getElementsByTagName('input')[i];
		var newInput = document.createElement("input");
		
		newInput.style.background = '#0040ff';
		newInput.title = input.name;
		newInput.type = 'text';
		newInput.value = input.value;
		newInput.name = input.name;
		newInput.onFocus = function() { hide(); };
		
		input.parentNode.replaceChild(newInput, input);
		
	}
}

non seulement ca ne marche pas, mais en plus je ne peux jamais prévoir si l'input que je transforme n'aura pas d'autres attributs(et d'autres events en plus de ca...) donc cette solution ne me satisfait pas.

Auriez vous des suggestions pour m'aider a terminer ce script?
merci

var inputs = document.getElementsByTagName('input'),
    newInput, input,
    i, l=inputs.length;

for(i=0; i < l; i++){
    input = inputs[i];
    if (input.type === "hidden") {
        
        newInput = document.createElement("input");
        
        (function setAttributes () {    
            var attr, n, l2 = input.attributes.length;
            
            for (n=0; n < l2; n++) {
                attr = input.attributes[n].name;
                if (attr !== "type" && attr !== "class") {
                    newInput.setAttribute(attr, input.getAttribute(attr));
                }
                if (input.className) {
                    newInput.className = input.className;
                }
            }
        })();
        
        newInput.style.background = '#0040ff';
        newInput.type = 'text';
        newInput.onfocus = function() { hide(); };
        
        input.parentNode.replaceChild(newInput, input);
    }
}

j'ai tenté mais pas moyen plus aucun input n'est transformé

Comme qui dirait : «Chez moi ça marche».

Donnes ton code complet.

je te propose ceci:

//Cette fonction servira à ajouter les gestionnaires d'évènements
function aGE(element, typeDEvenement, gestionnaireDEvenement, phaseDeBouillement)
{
if(element.addEventListener)
    element.addEventListener(typeDEvenement, gestionnaireDEvenement, phaseDeBouillement);
else if(element.attachEvent)
    element.attachEvent("on"+typeDEvenement, gestionnaireDEvenement);
}

var inputs = document.getElementsByTagName('input');
for(var i=0; i<inputs.length; i++)
  {
  if(inputs[i].type == 'hidden')
    {
    inputs[i].value = inputs[i].style.background = "#0040ff";
    inputs[i].title = inputs[i].name;
    inputs[i].type = "text";
    aGE(inputs[i], "focus", function () {alert('allo');}, true);
    }
}
//Si tu veux tu peux aussi mettre une fonction à toi exemple
/*
function exemple()
{
alert('Voici une fonction exemple');
}

aGE(inputs[i], "focus", exemple, true);
ou 
aGE(inputs[i], "focus", function (){exemple();}, true)
*/

EDIT: Corrigé un bug d'accolade.

@nod_ :le script complet est celui que tu m'a passé je n'ai rien d'autre sur ce script

@davilink pas mieux :s aucun input transformé non plus

peut etre est ce greasemonkey qui pose probleme?

bha de toute facon c'est un peu normal que sa fonctionne pas, car tu peux pas focuser un input
hidden.

EDIT: Mon Code avait un bug, il manquait une accolade. je l'ai corrigé, mais comme j'ai dit il faudrait que ton ation soit déclenché d'une autre façon.

var inputs = document.getElementsByTagName('input'),
    newInput, input,
    i, l=inputs.length;

var addEvent = function(obj_, event_, fct_)
{
    if (obj_.addEventListener) {
        obj_.addEventListener(event_, fct_, true);
    }
    else if (obj_.attachEvent && !(/this\./g.test(fct_.valueOf()))) {
        obj_.attachEvent('on' + event_, fct_);
    }
    else {
        obj_['on' + event_] = fct_;
    }
};

for(i=0; i < l; i++){
    input = inputs[i];
    if (input.type === "hidden") {
        newInput = document.createElement("input");
        
        (function setAttributes () {    
            var attr, n, l2 = input.attributes.length;
            
            for (n=0; n < l2; n++) {
                attr = input.attributes[n].name;
                if (attr !== "type" && attr !== "class") {
                    newInput.setAttribute(attr, input.getAttribute(attr));
                }
            }
            if (input.className) {
                newInput.className = input.className;
            }
        })();
        
        newInput.style.background = '#0040ff';
        newInput.type = 'text';
        addEvent(newInput, 'focus', function() { hide(); });
        
        input.parentNode.replaceChild(newInput, input);
    }
}

davilink j'ai corrigé l'accolade je l'avait vue^^

mais le truc c'est justement que je transforme l'hidden en text et le text, lui peut etre focus...

EDIT: Tillers bien vu le script marche très bien!
merci beaucoup^^ maintenant faut que j'aille le comprendre^^
merci encore

EDIT2: j'ai regardé le code j'ai compris le principal mais j'ai encore deux zones de flou

if (input.className) {
newInput.className = input.className;
}

je comprends pas bien ce passage, je voit que ca a rapport avec l'attribut class mais pourqu'oi il ne pouvait pas passer avec les autres?

et

la variable addEvent ou tu passe ta fonction je voit pas bien a quoi elle sert

className tu ne peux pas le mettre pa setAttribute de façon fiable (merci IE6 et 7), alors il faut ruser. Le if, c'est la ruse.

var addEvent = function(obj_, event_, fct_)
{

Ce code est équivalent à celui-ci :

function addEvent(obj_, event_, fct_)
{

Il a juste créé une fonction pour ajouter proprement des événements, et de manière compatible pour tous les browsers.

Je voudrais savoir pourquoi il faut absolument remplacer le input par newInput ??. changer seulement l'attribut type ne fait pas ?

J'aimerais savoir, car s'il faut absolument faire ceci, il doit avoir une raison et j'aimerais pouvoir la connaître pour pouvoir répondre correctement lors d'un prochain problème qui serait semblable.

C'est à cause de IE. Il n'accepte pas qu'on change le type d'un input, il faut en crée un nouveau.

A ok merci pour l'info. Mais comment fait-tu pour focuser un champ caché ? :

Tu fais pas regarde le code de Tiller, y'a pas de focus sur un champ caché. C'est le nouvel input qui a un type "texte" que l'on donne une fonction lors du focus.

bha alors c'est sur que mon code fonctionnais pas, j'avais comprit que le gars voulait qu'on focus sur le champ caché et lorsqu'il avait le focus, le champ devenait en texte. je me doutais bien qu'on pouvait pas.