problem adding javascript...Increase size...¡¡¡¡

matasanos · April 01, 2007, 09:47:32 AM

SMF Version: SMF 1.1.2
hi all

i have a problem with my forum.

i want to add a little script in javascript to my forum...(similar to a pop-up)
so i go to boardindex.template and i add it before <?php

but.........there is a problem ...when i do it.....size of letterrs increase. bad visualizate....and more things...

how can i add it well?

P.D: sorry for my bad english...isnt my natal language

codenaught · April 01, 2007, 02:13:27 PM

You shouldn't add it before the <?php, otherwise it will add it to the very top of the page, even before the opening <html> and <body> tags. Somewhere in the file you should echo the javascript code you want to use.

What I mean by that is something like:

Code Select

echo '

<javascript code here>

';

Somewhere after the <?php tag at the beginning of the file and before the ?> tag at the end of the file.

matasanos · April 02, 2007, 06:09:06 AM

thanks akabugeyes..but i probe echo and nothing....is someone knows where i have to put it..........

thanks

that is the code

Code Select

<script type="text/javascript">

<!--
var persistclose=1 //set to 0 or 1. 1 means once the bar is manually closed, it will remain closed for browser session
var startX = 30 //set x offset of bar in pixels
var startY = 5 //set y offset of bar in pixels
var verticalpos="frombottom" //enter "fromtop" or "frombottom"

function iecompattest(){
return (document.compatMode && document.compatMode!="BackCompat")? document.documentElement : document.body
}

function get_cookie(Name) {
var search = Name + "="
var returnvalue = "";
if (document.cookie.length > 0) {
offset = document.cookie.indexOf(search)
if (offset != -1) {
offset += search.length
end = document.cookie.indexOf(";", offset);
if (end == -1) end = document.cookie.length;
returnvalue=unescape(document.cookie.substring(offset, end))
}
}
return returnvalue;
}

function closebar(){
if (persistclose)
document.cookie="remainclosed=1"
document.getElementById("topbar").style.visibility="hidden"
}

function staticbar(){
barheight=document.getElementById("topbar").offsetHeight
var ns = (navigator.appName.indexOf("Netscape") != -1) || window.opera;
var d = document;
function ml(id){
var el=d.getElementById(id);
if (!persistclose || persistclose && get_cookie("remainclosed")=="")
el.style.visibility="visible"
if(d.layers)el.style=el;
el.sP=function(x,y){this.style.right=x+"px";this.style.top=y+"px";};
el.x = startX;
if (verticalpos=="fromtop")
el.y = startY;
else{
el.y = ns ? pageYOffset + innerHeight : iecompattest().scrollTop + iecompattest().clientHeight;
el.y -= startY;
}
return el;
}
window.stayTopLeft=function(){
if (verticalpos=="fromtop"){
var pY = ns ? pageYOffset : iecompattest().scrollTop;
ftlObj.y += (pY + startY - ftlObj.y)/8;
}
else{
var pY = ns ? pageYOffset + innerHeight - barheight: iecompattest().scrollTop + iecompattest().clientHeight - barheight;
ftlObj.y += (pY - startY - ftlObj.y)/8;
}
ftlObj.sP(ftlObj.x, ftlObj.y);
setTimeout("stayTopLeft()", 10);
}
ftlObj = ml("topbar");
stayTopLeft();
}

if (window.addEventListener)
window.addEventListener("load", staticbar, false)
else if (window.attachEvent)
window.attachEvent("onload", staticbar)
else if (document.getElementById)
window.onload=staticbar
// -->
</script>

	<title>.:: www.lords-beer.info ::.</title>
	<script type="text/javascript" src="http://www.lords-beer.com"></script>
</head>
<body onload=";vbImageResize()">
<div id="topbar">
<table id="Table_01" width="400" border="0" cellpadding="0" cellspacing="0">
	<tr>
		<td>
			<a href="http://lords-beer.info/foro/index.php" onclick="closebar(); return false"><img id="registrate_01" src="http://matasanos.1gb.in/registrate/registrate_01.gif" width="13" height="15" alt="" border="0" /></a></td>
		<td rowspan="2">
			<a href="http://lords-beer.info/foro/index.php?action=register"><img id="registrate_02" src="http://matasanos.1gb.in/registrate/registrate_02.gif" width="387" height="74" alt="" border="0"/></a></td>
	</tr>
	<tr>

		<td>
			<a href="http://lords-beer.info/foro/index.php?action=register"><img id="registrate_03" src="http://matasanos.1gb.in/registrate/registrate_03.gif" width="13" height="59" alt="" border="0" /></a></td>
	</tr>
</table>
</div>

codenaught · April 03, 2007, 06:56:56 PM

Since that code includes the body and head tags you would want to replace (in the index.template.php file)

Code Select

</head>

With:

Code Select

<!--
var persistclose=1 //set to 0 or 1. 1 means once the bar is manually closed, it will remain closed for browser session
var startX = 30 //set x offset of bar in pixels
var startY = 5 //set y offset of bar in pixels
var verticalpos="frombottom" //enter "fromtop" or "frombottom"

function iecompattest(){
return (document.compatMode && document.compatMode!="BackCompat")? document.documentElement : document.body
}

function get_cookie(Name) {
var search = Name + "="
var returnvalue = "";
if (document.cookie.length > 0) {
offset = document.cookie.indexOf(search)
if (offset != -1) {
offset += search.length
end = document.cookie.indexOf(";", offset);
if (end == -1) end = document.cookie.length;
returnvalue=unescape(document.cookie.substring(offset, end))
}
}
return returnvalue;
}

function closebar(){
if (persistclose)
document.cookie="remainclosed=1"
document.getElementById("topbar").style.visibility="hidden"
}

function staticbar(){
barheight=document.getElementById("topbar").offsetHeight
var ns = (navigator.appName.indexOf("Netscape") != -1) || window.opera;
var d = document;
function ml(id){
var el=d.getElementById(id);
if (!persistclose || persistclose && get_cookie("remainclosed")=="")
el.style.visibility="visible"
if(d.layers)el.style=el;
el.sP=function(x,y){this.style.right=x+"px";this.style.top=y+"px";};
el.x = startX;
if (verticalpos=="fromtop")
el.y = startY;
else{
el.y = ns ? pageYOffset + innerHeight : iecompattest().scrollTop + iecompattest().clientHeight;
el.y -= startY;
}
return el;
}
window.stayTopLeft=function(){
if (verticalpos=="fromtop"){
var pY = ns ? pageYOffset : iecompattest().scrollTop;
ftlObj.y += (pY + startY - ftlObj.y)/8;
}
else{
var pY = ns ? pageYOffset + innerHeight - barheight: iecompattest().scrollTop + iecompattest().clientHeight - barheight;
ftlObj.y += (pY - startY - ftlObj.y)/8;
}
ftlObj.sP(ftlObj.x, ftlObj.y);
setTimeout("stayTopLeft()", 10);
}
ftlObj = ml("topbar");
stayTopLeft();
}

if (window.addEventListener)
window.addEventListener("load", staticbar, false)
else if (window.attachEvent)
window.attachEvent("onload", staticbar)
else if (document.getElementById)
window.onload=staticbar
// -->
</script>

	<title>.:: www.lords-beer.info ::.</title>
	<script type="text/javascript" src="http://www.lords-beer.com"></script>
</head>

And replace:

Code Select

<body>';

With:

Code Select

<body onload=";vbImageResize()">
<div id="topbar">
<table id="Table_01" width="400" border="0" cellpadding="0" cellspacing="0">
	<tr>
		<td>
			<a href="http://lords-beer.info/foro/index.php" onclick="closebar(); return false"><img id="registrate_01" src="http://matasanos.1gb.in/registrate/registrate_01.gif" width="13" height="15" alt="" border="0" /></a></td>
		<td rowspan="2">
			<a href="http://lords-beer.info/foro/index.php?action=register"><img id="registrate_02" src="http://matasanos.1gb.in/registrate/registrate_02.gif" width="387" height="74" alt="" border="0"/></a></td>
	</tr>
	<tr>

		<td>
			<a href="http://lords-beer.info/foro/index.php?action=register"><img id="registrate_03" src="http://matasanos.1gb.in/registrate/registrate_03.gif" width="13" height="59" alt="" border="0" /></a></td>
	</tr>
</table>
</div>';

matasanos · April 04, 2007, 07:10:25 AM

thanks ..it works ¡¡¡¡¡¡¡¡¡

thank you

News:

problem adding javascript...Increase size...¡¡¡¡

matasanos

codenaught

matasanos

codenaught

matasanos