Jump to content

Criar uma input area


Lukas S.
 Share

Recommended Posts

$('<input type=" + "text" + " id=" + "PartNumberTextBox" + ">').appendTo('body');
$('#PartNumberTextBox').css('position','absolute');
$('#PartNumberTextBox').css('right','6');
$('#PartNumberTextBox').css('top','435');
$('#PartNumberTextBox').css("+"width"+", "+"+=280"+");
$('#PartNumberTextBox').css('background-color', '#000494');

Pessoal necessito de criar em javascript ( sem usar Jquery(eu sei que está em jquery mas não posso usar ) ) esta input box alguem sabe como fazer?

Edited by Lukas S.

E o Impossível foi criado por pessoas fracas pra acabar com o sonho das pessoas fortes. Não deixes que acabem com o teu. Sonha , luta , ambiciona e realiza. Se amas , se gostas tu vais conseguir. Cala todas as pessoas que um dia duvidaram de ti e prova que foste mais forte de qualquer outro.

Link to comment
Share on other sites

HappyHippyHippo , Boas , obrigado pelo comentário mas infelizmente não tenho acesso direto ao site ( não o posso alterar ) o que eu estou a fazer é o bho que altere a DOM do site (adicionando javascript ao site ) logo não posso usar html ...

Também procurei no w3 sobre como criar uma input area em javascript ( usando o document.createelement eu penso ) mas depois o css ? hmmm caso bicudo .

Edited by Lukas S.

E o Impossível foi criado por pessoas fracas pra acabar com o sonho das pessoas fortes. Não deixes que acabem com o teu. Sonha , luta , ambiciona e realiza. Se amas , se gostas tu vais conseguir. Cala todas as pessoas que um dia duvidaram de ti e prova que foste mais forte de qualquer outro.

Link to comment
Share on other sites

Lukas S. Se tivesses aberto pelo menos o link vias que são exemplos em js...

"Nós somos o que fazemos repetidamente, a excelência não é um feito, e sim, um hábito."
Não respondo a questões por PM que possam ser colocadas no fórum!

Link to comment
Share on other sites

Lukas S. Se tivesses aberto pelo menos o link vias que são exemplos em js...

Eu abri , são de paragrafos ( serve a mesma coisa para inputs ) mas não tem css ... o meu problema seria o .css em javascript

E o Impossível foi criado por pessoas fracas pra acabar com o sonho das pessoas fortes. Não deixes que acabem com o teu. Sonha , luta , ambiciona e realiza. Se amas , se gostas tu vais conseguir. Cala todas as pessoas que um dia duvidaram de ti e prova que foste mais forte de qualquer outro.

Link to comment
Share on other sites

Então teoricamente seria :

var box=document.createElement("TextboxNova");
var node=document.getElementById("TextboxNova").position=absolute;right=6;top=435;
box.appendChild(node);

???

Edited by Lukas S.

E o Impossível foi criado por pessoas fracas pra acabar com o sonho das pessoas fortes. Não deixes que acabem com o teu. Sonha , luta , ambiciona e realiza. Se amas , se gostas tu vais conseguir. Cala todas as pessoas que um dia duvidaram de ti e prova que foste mais forte de qualquer outro.

Link to comment
Share on other sites

HappyHippyHippo
var para = document.createElement("TextboxNova");
para.style.position="absolute";
para.style.right="6";
para.style.top="435";

para.appendChild(para);

---- ver correção > post do @anolsi mais à frente

Edited by HappyHippyHippo
IRC : sim, é algo que ainda existe >> #p@p
Link to comment
Share on other sites

var para = document.createElement("TextboxNova");
para.style.position="absolute";
para.style.right="6";
para.style.top="435";

para.appendChild(para);

Amanhã testo HappyHippo 😄 42.. Esqeci de alguns ficheiros em c# para testar isto ... --'

Updt : ahaha só falta passar disto de jquery para Javascript

$('body').keyup(function(e) {
var box1 = $('#TextboxNova');
var box2 = $('#so_id');
var box3 = $('#new_sn');
var code = e.keyCode || e.which;
if (code == '9') {
var button = $('#book_button');
if (event.srcElement.id === box3.attr('id'))
  box2.focus();
else
if (event.srcElement.id === box2.attr('id'))
button.focus();
else
box1.focus();
}
});
$('#TextboxNova').live("change blur keyup mouseup", function () {
if ($('#new_part_no').val() === $('#TextboxNova').val() && $('#TextboxNova').val().length > 0){
$('#TextboxNova').css('background-color', '#0f0');
$("#new_sn").focus();
}
 else
 $('#TextboxNova').css('background-color', '#f00');
 });
Edited by Lukas S.

E o Impossível foi criado por pessoas fracas pra acabar com o sonho das pessoas fortes. Não deixes que acabem com o teu. Sonha , luta , ambiciona e realiza. Se amas , se gostas tu vais conseguir. Cala todas as pessoas que um dia duvidaram de ti e prova que foste mais forte de qualquer outro.

Link to comment
Share on other sites

Não. Seria algo como:

var box=document.createElement("input");
//...Aqui ainda tinhas que definir os atributos como o id e o tipo
box.style.position="absolute";
box.style.right="6px";
//...
document.getElementById("body").appendChild(box);

"Nós somos o que fazemos repetidamente, a excelência não é um feito, e sim, um hábito."
Não respondo a questões por PM que possam ser colocadas no fórum!

Link to comment
Share on other sites

Não. Seria algo como:

var box=document.createElement("input");
//...Aqui ainda tinhas que definir os atributos como o id e o tipo
box.style.position="absolute";
box.style.right="6px";
//...
document.getElementById("body").appendChild(box);

Something like this ? :

var para = document.createElement("input");
para.type="text"
para.id="TextboxNova"
para.style.position = "absolute";
para.style.right = "6";
para.style.top = "435";
document.getElementById("body").appendChild(para);

Nenhum dos dois aparece no http://jsfiddle.net/

Edited by Lukas S.

E o Impossível foi criado por pessoas fracas pra acabar com o sonho das pessoas fortes. Não deixes que acabem com o teu. Sonha , luta , ambiciona e realiza. Se amas , se gostas tu vais conseguir. Cala todas as pessoas que um dia duvidaram de ti e prova que foste mais forte de qualquer outro.

Link to comment
Share on other sites

Faltam as unidades. Não indicaste as unidades, Lucas.

"[Os jovens da actual geração]não lêem porque não envolve um telecomando que dê para mirar e atirar, não falam porque a trapalhice é rainha e o calão é rei" autor: thoga31

Life is a genetically transmitted disease, induced by sex, with death rate of 100%.

Link to comment
Share on other sites

Faltam as unidades. Não indicaste as unidades, Lucas.

unidades?

E o Impossível foi criado por pessoas fracas pra acabar com o sonho das pessoas fortes. Não deixes que acabem com o teu. Sonha , luta , ambiciona e realiza. Se amas , se gostas tu vais conseguir. Cala todas as pessoas que um dia duvidaram de ti e prova que foste mais forte de qualquer outro.

Link to comment
Share on other sites

Assim:

var para = document.createElement("input");
para.type="text"
para.id="TextboxNova"
para.style.position = "absolute";
para.style.right = "6px";
para.style.top = "435px";
document.getElementsByTagName("body").item(0).appendChild(para);

Eu também tinha colocado com um erro na última linha, mas que já está corrigido.

"Nós somos o que fazemos repetidamente, a excelência não é um feito, e sim, um hábito."
Não respondo a questões por PM que possam ser colocadas no fórum!

Link to comment
Share on other sites

Create an account or sign in to comment

You need to be a member in order to leave a comment

Create an account

Sign up for a new account in our community. It's easy!

Register a new account

Sign in

Already have an account? Sign in here.

Sign In Now
 Share

×
×
  • Create New...

Important Information

By using this site you accept our Terms of Use and Privacy Policy. We have placed cookies on your device to help make this website better. You can adjust your cookie settings, otherwise we'll assume you're okay to continue.