Jump to content
Lukas S.

Criar uma input area

Recommended Posts

Lukas S.

$('<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.

Share this post


Link to post
Share on other sites
Lukas S.

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.

Share this post


Link to post
Share on other sites
anolsi

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!

Share this post


Link to post
Share on other sites
Lukas S.

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.

Share this post


Link to post
Share on other sites
Lukas S.

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.

Share this post


Link to post
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

Share this post


Link to post
Share on other sites
Lukas S.

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

para.appendChild(para);

Amanhã testo HappyHippo :D 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.

Share this post


Link to post
Share on other sites
anolsi

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!

Share this post


Link to post
Share on other sites
Lukas S.

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.

Share this post


Link to post
Share on other sites
brunoais

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%.

Share this post


Link to post
Share on other sites
Lukas S.

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.

Share this post


Link to post
Share on other sites
anolsi

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!

Share this post


Link to post
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

×
×
  • 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.