Текст в "различен" див

S

SharkpenT

Registered
Здравейте, намерих един много добър скрипт(по-надолу е даден), та да Ви питам може ли да се направи като цъкна примерно банера на wt в див-а да пише "Здрасти", а като натисна 905/542 например да пише "Чао" ?

Ето кода:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<title></title>
<style type="text/css">
#picContainer {
width: 200px;
height: 200px;
margin: 0 auto;
background-color: #FFFFFF;
border: 1px solid #000000;
}
.style1 {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 11px;
}
</style>
<script type="text/javascript">
function elementResizeTo(el, w, h)
{
el.style.width = w +'px';
el.style.height = h +'px';
}

function animationResize(element)
{
this.element = document.getElementById(element);
}

animationResize.prototype.startResize = function(targetWidth, targetHeight, step)
{
this.elementWidth = this.element.offsetWidth;
this.elementHeight = this.element.offsetHeight;
this.targetWidth = targetWidth;
this.targetHeight = targetHeight;

this.step = (!step) ? 10 : step;
this.xStep = (this.elementWidth - this.targetWidth) / this.step;
this.yStep = (this.elementHeight - this.targetHeight) / this.step;

this.calculateOffset();
}

animationResize.prototype.calculateOffset = function()
{
if (this.step <= 0) return;

this.elementWidth -= this.xStep;
this.elementHeight -= this.yStep;
this.step --;
elementResizeTo(this.element, this.elementWidth, this.elementHeight);

var self = this;
setTimeout(function(){self.calculateOffset()}, 10);
}

var moveObj = null;
window.onload = function()
{
moveObj = new animationResize('picContainer');
}
</script>
</head>
<body>
<button onclick="moveObj.startResize(253, 312, 13)">253/312</button>
<button onclick="moveObj.startResize(358, 372, 13)">358/372</button>
<button onclick="moveObj.startResize(905, 542, 13)">905/542</button>
<p><img src="http://web-tourist.net/webtourist.gif" alt="pic" border="0" onclick="moveObj.startResize(253, 312, 13)"> </p>
<p> </p>
<p>  </p>
<div id="picContainer"></div>
</body>
</html>
 
Snoopy каза:
http://breakpoint.godmode-bg.com/demo.html
:] Става, но имаше и по-небъгав вариант :wink:
Увеличете...
Аз не питам дали става, а питам:

Здравейте, намерих един много добър скрипт(по-надолу е даден), та да Ви питам може ли да се направи като цъкна примерно банера на wt в див-а да пише "Здрасти", а като натисна 905/542 например да пише "Чао" ?
Увеличете...
 
може ли да се направи
Увеличете...
Може?
Помощните балони? http://web-tourist.net/login/login/view.php?st=672 един от трите варианта? по-точно този който остава след като го цъкнеш ?
 
Нещо такова ли ти трябва ?
http://jsvault.soul-design.org/index.php?id=demo&sc=36
според линка който натиснеш съдържанието в див-а се сменя.



Ако е това ето сорс:
Код: 
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 3.2 Final//EN">
<HTML>
<HEAD>
<META NAME="Generator" CONTENT="TextPad 4.4">
<LINK href="general.css" rel="stylesheet" type="text/css">
<SCRIPT LANGUAGE="JavaScript">


</script>


</HEAD>

<BODY Background=../graphics/grayback.jpg>
<center><BR><BR><BR>
<SPAN ID="newlayer" style="position:absolute;">layer-text</SPAN>
<br><br><br>
<a href="javascript:hidelayer('newlayer');">hide layer</a> |
<a href="javascript:showlayer('newlayer');">show layer</a> |
<a href="javascript:writetolayer('newlayer','layer-text #1');">layer-text #1</a> |
<a href="javascript:writetolayer('newlayer','layer-text #2');">layer-text #2</a>

</center>
</BODY>
</HTML>
 
Не, трябва ми това:
Дал съм код-а на скрипта и ми трябва като натисна "253/312" в див "picContainer" да се появи текста "ЗДРАВЕЙ", а като натисна "358/372" в див "picContainer" да се появи текста "ЧАО".
 
Ето ти допълнителна функция за текст:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<title></title>
<style type="text/css">
#picContainer {
width: 200px;
height: 200px;
margin: 0 auto;
background-color: #FFFFFF;
border: 1px solid #000000;
}
.style1 {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 11px;
}
</style>
<script type="text/javascript">

function elementResizeTo(el, w, h)
{
el.style.width = w +'px';
el.style.height = h +'px';
}

function animationResize(element)
{
this.element = document.getElementById(element);
}

animationResize.prototype.startResize = function(targetWidth, targetHeight, step)
{
this.elementWidth = this.element.offsetWidth;
this.elementHeight = this.element.offsetHeight;
this.targetWidth = targetWidth;
this.targetHeight = targetHeight;

this.step = (!step) ? 10 : step;
this.xStep = (this.elementWidth - this.targetWidth) / this.step;
this.yStep = (this.elementHeight - this.targetHeight) / this.step;

this.calculateOffset();
}

animationResize.prototype.calculateOffset = function()
{
if (this.step <= 0) return;

this.elementWidth -= this.xStep;
this.elementHeight -= this.yStep;
this.step --;
elementResizeTo(this.element, this.elementWidth, this.elementHeight);

var self = this;
setTimeout(function(){self.calculateOffset()}, 10);
}

var moveObj = null;
window.onload = function()
{
moveObj = new animationResize('picContainer');
}
function change(param1)
{
document.getElementById('picContainer').innerHTML=param1;
}
</script>
</head>
<body>
<button onclick="change(<p>здравей</p>); moveObj.startResize(253, 312, 13)">253/312</button>
<button onclick="change(<p>чао</p>); moveObj.startResize(358, 372, 13)">358/372</button>
<button onclick="change(<p> </p>); moveObj.startResize(905, 542, 13)">905/542</button>
<p><img src="http://web-tourist.net/webtourist.gif" alt="pic" border="0" onclick="change(<p> </p>); moveObj.startResize(253, 312, 13)"> </p>
<p> </p>
<p>  </p>
<div id="picContainer"></div>
</body>
</html>

С Firefox работи, с други не знам.
Функцията е взета от тоя сайт на mute:
http://kick-off-fm.qhoster.net/mutesite/myworks.html
 
Трябва да си влезнал или регистриран, за да отговориш тук.

Back
Горе