body onload focus

[JohanK]

Hellu..

Vet ej om jag postar i fel forumsdel nu…

Försöker sätta focus på en textinput.

Problemet är att den ligger i en div som är dold från början.

Klickar jag på en order så blir min div inte dold och en textinput kommer upp som jag vill att textmrkören ska ha focus i så att jag enkelt kan copy och paste tex ett sändningsnummer.

Funkar inte med body onload..

[Chrisse83]

Använder du dig av javascript med eller utan ett bibliotek? T.ex. jQuery eller liknande?

[Christoffer Tyrefors]

Varför lägger du inte fokus när du klickar på ordern då? Antar du visar/döljer diven med JavaScript?

[JohanK]

@debaser 33591 wrote:

Varför lägger du inte fokus när du klickar på ordern då? Antar du visar/döljer diven med JavaScript?

Hur menar du?

Jag öppnar min sida där jag ska lägga in sändningsnummer.

Alla ordrar kommer upp i en tabell rad för rad, det finns en knapp som gör att den dolda diven kommer upp för just den ordern man klickat på.

Då vill jag ju att det bara ska vara att ctrl+v iostället för att sikta in musen och klicka innan jag kan klistra in.

Har försökt med onclick på knappen som får upp diven men det funkar inte.

Kan ta ett par screenshots senare och lägga in lite kod runt de aktuella problemen.

Tack!

[JohanK]

Ingen jquery på admin tyvärr.

Bild 1

Fr upp ordrar som man packat och skickat.

Klickar på update så kommer rutan i bild 3 upp

Det är den jag vill ha focus på, men det verkar vara problem eftersom den är hidden vid sidladdning.

Visst, inget jätteproblem men man är ju lat

Redan en stor förbättring då vi innan fick manuellt gå in i varje order och välja status i en dropdown. klistra in sändningsnummret och sen klicka uppdatera. sen gå tillbaka till ordrar och leta upp nästa.

/Johan

[Chrisse83]

Det är svårt att hjälpa när man inte har nån kod att titta på. Det jag tänker är väll att du får gå in och ändra på i javascript funktionen som ändrar divens hidden till visible.

[JohanK]

Hej”

Ja det skulle ju med kod också

function checkBrowser() {
this.ver = navigator.appVersion;
this.dom = document.getElementById ? 1 : 0;
this.ie6 = (this.ver.indexOf(”MSIE 6”) > -1 && this.dom) ? 1 : 0;
this.ie55 = ((this.ver.indexOf(”MSIE 5.5”) > -1 || this.ie6) && this.dom) ? 1 : 0;
this.ie5 = ((this.ver.indexOf(”MSIE 5”) > -1 || this.ie5 || this.ie6) && this.dom) ? 1 : 0;
this.ie4 = (document.all && !this.dom) ? 1 : 0;
this.ns5 = (this.dom && parseInt(this.ver) >= 5) ? 1 : 0;
this.ns4 = (document.layers && !this.dom)? 1 : 0;
this.ie4plus = (this.ie6 || this.ie5 || this.ie4);
this.ie5plus = (this.ie6 || this.ie5);
this.bw = (this.ie6 || this.ie5 || this.ie4 || this.ns4 || this.ns5);
this.crosoft = (this.ie6 || this.ie55 || this.ie5 || this.ie4 || this.ie4plus || this.ie5plus);

return this;
}

theBrowser = new checkBrowser();

if (!document.getElementById) {
document.getElementById = getObjectById;
}
function getObjectById(ID) {
var obj;
if (theBrowser.dom) return document.getElementById(ID);
else if (theBrowser.ie4) return document.all(ID);
else if (theBrowser.ns4) return eval(’document.’ + ID);
}
function getObjectStyle(obj) {
if (!getObjectById) return;
if (theObj = getObjectById(obj)) return theObj.style;
}
function getObjectClasse(obj) {
if (!getObjectById) return;
if (theObj = getObjectById(obj)) return theObj;
}
function getDimensionObj(obj, act) {
if (!getObjectById) return;
if (theObj = getObjectById(obj)) {
switch(act) {
case ’top’ : return theObj.offsetTop;
break;
case ’left’ : return theObj.offsetLeft;
break;
case ’width’ : return theObj.offsetWidth;
break;
case ’height’ : return theObj.offsetHeight;
break;
}
}
}
function setDimensionObj(obj, act, dim) {
if (!getObjectStyle) return;
if (theObj = getObjectStyle(obj)) {
switch(act) {
case ’top’ : theObj.top = dim + ’px’;
break;
case ’left’ : theObj.left = dim + ’px’;
break;
case ’width’ : theObj.width = dim + ’px’;
break;
case ’height’ : theObj.height = dim + ’px’;
break;
}
}
}
function setVisibilityObj(obj, act) {
if (!getObjectStyle) return;
if (theObj = getObjectStyle(obj)) {
switch(act) {
case ’aff’ : theObj.visibility = ’visible’;
break;
case ’cacher’ : theObj.visibility = ’hidden’;
break;
}
}
}
function afficherBox(obj, widthBox, heightBox, evt) {
//var largeurBox = parseInt(obj.width.substring(0, (obj.width.length – 2))) + 20;
var largeurBox = getDimensionObj(obj, ’width’);
if (evt.pageY) {
setDimensionObj(obj, ’left’, evt.pageX – largeurBox);
setDimensionObj(obj, ’top’, evt.pageY);
}
else {
setDimensionObj(obj, ’left’, event.x – largeurBox);
// Ajoute la hauteur du défilement du scrollbar
setDimensionObj(obj, ’top’, document.body.scrollTop + event.y);
}
setVisibilityObj(obj, ’aff’);
}
//
//
//
function infoMailing(act, id, evt) {
var obj = ’infoMailing’;
formCmd = document.forms[’updateStatus’];
formBox = document.forms[’infoMail’];
switch (act) {
case ’fermer’ :

var id = formBox.elements[’key’].value;

setVisibilityObj(obj, ’cacher’);

formCmd.elements[’update_oID[’ + id + ’]’].checked = false;

if (theObj2 = getObjectClasse(’tr_’ + id)) {

if (theObj2.className !== ’dataTableRow’) theObj2.className = ’dataTableRow’;

}
break
case ’supprimer’ :
var id = formBox.elements[’key’].value;
setVisibilityObj(obj, ’cacher’);
formCmd.elements[’update_oID[’ + id + ’]’].checked = false;
if (theObj2 = getObjectClasse(’tr_’ + id)) {
if (theObj2.className !== ’dataTableRow2’) theObj2.className = ’dataTableRow2’;
}
break
case ’update’ :
var id = formBox.elements[’key’].value;
var selected_value = formBox.elements[’info_status’].selectedIndex;
formCmd.elements[’new_status[’ + id + ’]’].value = formBox.elements[’info_status’].options[selected_value].value;
// formCmd.elements[’comments[’ + id + ’]’].value = formBox.elements[’info_comments’].value;
formCmd.elements[’track_num[’ + id + ’]’].value = formBox.elements[’info_track_num’].value;
formCmd.elements[’update_oID[’ + id + ’]’].checked = true;
if (formBox.elements[’info_notify’].checked) {
formCmd.elements[’notify[’ + id + ’]’].value = true;
}
else {
formCmd.elements[’notify[’ + id + ’]’].value = true;
}
setVisibilityObj(obj, ’cacher’);
if (theObj2 = getObjectClasse(’tr_’ + id)) {
if (theObj2.className !== ’dataTableRowSelected2’) theObj2.className = ’dataTableRowSelected2’;
}
break;
case ’montrer’ :
formBox.elements[’key’].value = id;
//formBox.elements[’info_comments’].value = formCmd.elements[’comments[’ + id +’]’].value;
formBox.elements[’info_track_num’].value = formCmd.elements[’track_num[’ + id +’]’].value;
formBox.elements[’info_status’].value = formCmd.elements[’new_status[’ + id +’]’].value;
if (formCmd.elements[’notify[’ + id + ’]’].value == ’true’) {
formBox.elements[’info_notify’].checked = true;
}
else {
formBox.elements[’info_notify’].checked = true;
}
afficherBox(obj, 0, 0, evt);
break;
}
}
//
function checkAll(act) {
var nbOid = ;
for(i=0; i < nbOid; i++) { document.forms['updateStatus'].elements['update_oID[' + i + ']'].checked = act; document.forms['updateStatus'].elements['notify[' + i + ']'].value = act; } }[/CODE] Inout fältet [CODE]

[/CODE]

Knappen som gör div synlig

[CODE]

[/CODE]

Den som hjälper till får ett stort tack ;)[CODE]function checkBrowser() {
this.ver = navigator.appVersion;
this.dom = document.getElementById ? 1 : 0;
this.ie6 = (this.ver.indexOf(”MSIE 6”) > -1 && this.dom) ? 1 : 0;
this.ie55 = ((this.ver.indexOf(”MSIE 5.5”) > -1 || this.ie6) && this.dom) ? 1 : 0;
this.ie5 = ((this.ver.indexOf(”MSIE 5”) > -1 || this.ie5 || this.ie6) && this.dom) ? 1 : 0;
this.ie4 = (document.all && !this.dom) ? 1 : 0;
this.ns5 = (this.dom && parseInt(this.ver) >= 5) ? 1 : 0;
this.ns4 = (document.layers && !this.dom)? 1 : 0;
this.ie4plus = (this.ie6 || this.ie5 || this.ie4);
this.ie5plus = (this.ie6 || this.ie5);
this.bw = (this.ie6 || this.ie5 || this.ie4 || this.ns4 || this.ns5);
this.crosoft = (this.ie6 || this.ie55 || this.ie5 || this.ie4 || this.ie4plus || this.ie5plus);

return this;
}

theBrowser = new checkBrowser();

if (!document.getElementById) {
document.getElementById = getObjectById;
}
function getObjectById(ID) {
var obj;
if (theBrowser.dom) return document.getElementById(ID);
else if (theBrowser.ie4) return document.all(ID);
else if (theBrowser.ns4) return eval(’document.’ + ID);
}
function getObjectStyle(obj) {
if (!getObjectById) return;
if (theObj = getObjectById(obj)) return theObj.style;
}
function getObjectClasse(obj) {
if (!getObjectById) return;
if (theObj = getObjectById(obj)) return theObj;
}
function getDimensionObj(obj, act) {
if (!getObjectById) return;
if (theObj = getObjectById(obj)) {
switch(act) {
case ’top’ : return theObj.offsetTop;
break;
case ’left’ : return theObj.offsetLeft;
break;
case ’width’ : return theObj.offsetWidth;
break;
case ’height’ : return theObj.offsetHeight;
break;
}
}
}
function setDimensionObj(obj, act, dim) {
if (!getObjectStyle) return;
if (theObj = getObjectStyle(obj)) {
switch(act) {
case ’top’ : theObj.top = dim + ’px’;
break;
case ’left’ : theObj.left = dim + ’px’;
break;
case ’width’ : theObj.width = dim + ’px’;
break;
case ’height’ : theObj.height = dim + ’px’;
break;
}
}
}
function setVisibilityObj(obj, act) {
if (!getObjectStyle) return;
if (theObj = getObjectStyle(obj)) {
switch(act) {
case ’aff’ : theObj.visibility = ’visible’;
break;
case ’cacher’ : theObj.visibility = ’hidden’;
break;
}
}
}
function afficherBox(obj, widthBox, heightBox, evt) {
//var largeurBox = parseInt(obj.width.substring(0, (obj.width.length – 2))) + 20;
var largeurBox = getDimensionObj(obj, ’width’);
if (evt.pageY) {
setDimensionObj(obj, ’left’, evt.pageX – largeurBox);
setDimensionObj(obj, ’top’, evt.pageY);
}
else {
setDimensionObj(obj, ’left’, event.x – largeurBox);
// Ajoute la hauteur du défilement du scrollbar
setDimensionObj(obj, ’top’, document.body.scrollTop + event.y);
}
setVisibilityObj(obj, ’aff’);
}
//
//
//
function infoMailing(act, id, evt) {
var obj = ’infoMailing’;
formCmd = document.forms;
formBox = document.forms;
switch (act) {
case ’fermer’ :

var id = formBox.elements.value;

setVisibilityObj(obj, ’cacher’);

formCmd.elements’].checked = false;

if (theObj2 = getObjectClasse(’tr_’ + id)) {

if (theObj2.className !== ’dataTableRow’) theObj2.className = ’dataTableRow’;

}
break
case ’supprimer’ :
var id = formBox.elements.value;
setVisibilityObj(obj, ’cacher’);
formCmd.elements’].checked = false;
if (theObj2 = getObjectClasse(’tr_’ + id)) {
if (theObj2.className !== ’dataTableRow2’) theObj2.className = ’dataTableRow2’;
}
break
case ’update’ :
var id = formBox.elements.value;
var selected_value = formBox.elements.selectedIndex;
formCmd.elements’].value = formBox.elements.options[selected_value].value;
// formCmd.elements’].value = formBox.elements.value;
formCmd.elements’].value = formBox.elements.value;
formCmd.elements’].checked = true;
if (formBox.elements.checked) {
formCmd.elements’].value = true;
}
else {
formCmd.elements’].value = true;
}
setVisibilityObj(obj, ’cacher’);
if (theObj2 = getObjectClasse(’tr_’ + id)) {
if (theObj2.className !== ’dataTableRowSelected2’) theObj2.className = ’dataTableRowSelected2’;
}
break;
case ’montrer’ :
formBox.elements.value = id;
//formBox.elements.value = formCmd.elements’].value;
formBox.elements.value = formCmd.elements’].value;
formBox.elements.value = formCmd.elements’].value;
if (formCmd.elements’].value == ’true’) {
formBox.elements.checked = true;
}
else {
formBox.elements.checked = true;
}
afficherBox(obj, 0, 0, evt);
break;
}
}
//
function checkAll(act) {
var nbOid = ;
for(i=0; i < nbOid; i++) {
document.forms.elements’].checked = act;
document.forms.elements’].value = act;
}
}[/CODE]

Inout fältet

[/CODE]

Knappen som gör div synlig

[CODE]

[/CODE]

Den som hjälper till får ett stort tack ;)[CODE]

[/CODE]

Knappen som gör div synlig

[/CODE]

Den som hjälper till får ett stort tack ;)[CODE]

[/CODE]

Den som hjälper till får ett stort tack

[Lubic]

Har inte testat och inte kollat jätte noga men testa att lägga till formBox.elements.focus() under case ’montrer’ :

[JohanK]

Nej tyvärr ingen framgång där

[JohanK]

function setFocus()
{
document.getElementById(”hej”).focus();
}

function timeMsg()
{
var t=setTimeout(”setFocus()”,10);
}[/CODE]

Nu funkar det! 🙂

Tack för alla svar.[CODE]function setFocus()
{
document.getElementById(”hej”).focus();
}

function timeMsg()
{
var t=setTimeout(”setFocus()”,10);
}[/CODE]

Nu funkar det!

Tack för alla svar.

[Författare]

Inlägg