innerHTML - Center buttons - WebDeveloper.com Forums

#native_company# #native_desc#

#native_cta#

This site is best viewed in a modern browser with JavaScript enabled.

innerHTML - Center buttons

Scotticus

I'm trying to centralize buttons on an interface which uses the innerHTML property

The interface looks like this: http://i.imgur.com/JVD0F9I.png

Here's the code as to where I assume the buttons call from:

function fightdelay(tstatus) {
    if (lastaction != "m" && lastaction != "t" && lastaction != "o" && lastaction != "v" && lastaction != "k2" && lastaction != "k3" && lastaction != "rf" && lastaction != "q") {
        if (mx == 1) {
            top.toiminta.attb.innerHTML = "<input type=button value=' use weapon ' id='btn_attack' name='btn_attack' onclick='top.fightAction();'>";
            top.toiminta.casb.innerHTML = "<input type=button value=' cast spell ' id='btn_cast' name='btn_cast' onclick='top.castAction();'>";

    }
    top.toiminta.nefb.innerHTML = "<input type=button value=' new fight ' onclick='top.newFightAction();'>";
}
}

function delNF() {
    top.toiminta.nefb.innerHTML = "<input type=button value=' new fight ' onclick='void(#);'>";
}

function s_c() {
    top.chat.document.msg.btn_chat.disabled = true;
}

function getRandomButtonText(nbr) {
    return "...";
}

function getRandomNum() {
    var rndNum = Math.random()
    rndNum = parseInt(rndNum * 1000);
    rndNum = (rndNum % 94) + 33;
    return rndNum;
}

Take into account that this is from a game from early 2001

rtrethewey

Without knowing what the surrounding HTML mark-up looks like, it's impossible to give you a definitive answer. It would be best to control the display in your stylesheet.

You could try enclosing the <input> tags in a <p>aragraph like: "<p style="text-align:center;"></p>", but whether or not it gives you the result you want is anyone's guess.

Scotticus

rtrethewey;1336443 wrote:
Without knowing what the surrounding HTML mark-up looks like, it's impossible to give you a definitive answer. It would be best to control the display in your stylesheet.

You could try enclosing the <input> tags in a <p>aragraph like: "<p style="text-align:center;"></p>", but whether or not it gives you the result you want is anyone's guess.

function f() {
		return "<center><table CELLSPACING=0 CELLPADDING=0 width='300' cols=2><tr>"+
			"<form method=POST name=fightForm action=battle4.php target=arvot><td><center><input type=hidden name=a value='f'>"+lp()+"<span id=attb></span></td></form>"+
			"<form method=POST name=castForm action=battle4.php target=arvot><td><center><input type=hidden name=a value='c'>"+lp()+"<span id=casb></span></td></form></tr><tr><td colspan=2><center>";
	}

deathshadow

You have FORM someplace you can't put form (around a TD inside a TR), tags like CENTER and attributes like TARGET that have no business on any site written after 1997... span for who knows what, incomplete markup if using modern (aka post 1997) coding practices...

I'd really have to see a LOT more than just these little snippets, but whatever it is you're attempting to do this isn't how you do it... unless this was written prior to somewhere around 2001.

... as evidenced by using innerHTML instead of manipulating the DOM.

Scotticus

deathshadow;1336467 wrote:
You have FORM someplace you can't put form (around a TD inside a TR), tags like CENTER and attributes like TARGET that have no business on any site written after 1997... span for who knows what, incomplete markup if using modern (aka post 1997) coding practices...

I'd really have to see a LOT more than just these little snippets, but whatever it is you're attempting to do this isn't how you do it... unless this was written prior to somewhere around 2001.

... as evidenced by using innerHTML instead of manipulating the DOM.

Well, here's everything apart from the images and includes..

https://www.shimlar.org/files.rar