Startsida › Forum › E-handelsforumet › Generellt om E-handel › body onload focus
- Detta ämne har 9 svar, 4 deltagare, och uppdaterades senast för 12 år, 10 månader sedan av JohanK.
-
FörfattareInlägg
-
31 januari, 2012 kl. 02:52 #97282JohanKDeltagare
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..
31 januari, 2012 kl. 06:51 #135355Chrisse83DeltagareAnvänder du dig av javascript med eller utan ett bibliotek? T.ex. jQuery eller liknande?
31 januari, 2012 kl. 08:08 #135360Christoffer TyreforsDeltagareVarför lägger du inte fokus när du klickar på ordern då? Antar du visar/döljer diven med JavaScript?
31 januari, 2012 kl. 13:28 #135399JohanKDeltagare@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!
1 februari, 2012 kl. 00:25 #135443JohanKDeltagareIngen 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
1 februari, 2012 kl. 06:34 #135446Chrisse83DeltagareDet ä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.
1 februari, 2012 kl. 15:41 #135487JohanKDeltagareHej”
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
1 februari, 2012 kl. 16:36 #135492LubicDeltagareHar inte testat och inte kollat jätte noga men testa att lägga till formBox.elements.focus() under case ’montrer’ :
1 februari, 2012 kl. 19:02 #135499JohanKDeltagareNej tyvärr ingen framgång där
1 februari, 2012 kl. 19:49 #135504JohanKDeltagarefunction 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örfattareInlägg
- Du måste vara inloggad för att svara på detta ämne.