JS variable in HTMl einsetzen
Michael W.
- javascript
Hallo,
das was ich hier in PHP gemacht hab würde ich gerne mit JS machen:
###############
<?php
$var = 'text';
?>
Dies ist ein <?php echo $var; ?>
###############
Vielen Dank
Mfg
Michael W.
Guude!
<script type="text/javascript">
var variable = "text";
document.write("Dies ist ein " + variable);
</script>
LG ausm Hesseland
Lemmy
Hallo,
das was ich hier in PHP gemacht hab würde ich gerne mit JS machen:
###############
<?php
$var = 'text';
?>
Dies ist ein <?php echo $var; ?>
###############
Du suchst document.write(). Siehe:
http://selfhtml.teamone.de/javascript/objekte/document.htm#write
viele Grüße
Axel
Hallo Michael,
das was ich hier in PHP gemacht hab würde ich gerne mit JS machen:
###############
<?php
$var = 'text';
?>
Dies ist ein <?php echo $var; ?>
###############
Wenn Dein Publikum ausschließlich aus Netscape-Benutzern besteht:
<script type="text/javascript">
var variable = 'test';
</script>
Dies ist ein &{variable};!
(Die Methode ist übrigens vom W3C abgesegnet, Stefan Münz hatte kürzlich mal einen Thread dazu gestartet)
Wenn Du jedoch eine Variante haben willst, die überall funktioniert:
<script type="text/javascript">
var variable = 'test';
</script>
Dies ist ein <script type="text/javascript">document.write (variable);</script>!
Christian
ok danke!
aber wie schaffe ich das ich mit diesem script hier:
<HTML>
<HEAD>
<TITLE> New Document </TITLE>
<style>
<!--
.skin{
position:absolute;
width:165px;
border:1px solid black;
background-color:menu;
font-family:Verdana;
line-height:20px;
cursor:default;
font-size:12px;
z-index:100;
visibility:hidden;
}
.menuitems{
padding-left:10px;
padding-right:10px;
}
-->
</style>
</HEAD>
<BODY>
<script language="JavaScript1.2">
function on(){
popup = 'nix';
var IE = document.all?true:false;
if (!IE) document.captureEvents(Event.MOUSEMOVE)
document.onmousemove = getMouseXY;
var tempX = 0;
var tempY = 0;
var top = 0;
var left = 0;
function getMouseXY(e) {
if (IE) {
tempX = event.clientX + document.body.scrollLeft;
tempY = event.clientY + document.body.scrollTop;
}
else {
tempX = e.pageX;
tempY = e.pageY;
}
top = tempX;
left = tempY;
}
document.getElementById("menu").style.visibility='visible';
}
function off(){
document.getElementById("menu").style.visibility='hidden';
}
</script>
<div id="menu" class="skin" STYLE="position:absolute; left:50px; top:70px;" display:none>
Hallo<br>Hallodfsgasdf
</div>
<br><br><br>
<a href="#" onmouseover="on()" onMouseout="off()">das ist ein link</a>
</BODY>
</HTML>
die position des layers immer der variablen top und left anpasst?
MfG
Michael W.
Hallo Michael,
<div id="menu" class="skin" STYLE="position:absolute; left:50px; top:70px;" display:none>
die position des layers immer der variablen top und left anpasst?
Was spricht gegen
<script type="text/javascript">
document.writeln ('<div id="menu" class="skin" style="position:absolute; left:'+left+'px; top:'+top+'px; display:none;">');
</script>
?
Christian
ne so habe ich das gemeint: (habs ganz ohne hilfe rausbekommen mit nur einmal ausprobieren!!): (die letzten 3 befehle der function on();)
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<HTML>
<HEAD>
<TITLE> New Document </TITLE>
<style>
<!--
.skin{
position:absolute;
width:165px;
border:1px solid black;
background-color:menu;
font-family:Verdana;
line-height:20px;
cursor:default;
font-size:12px;
z-index:100;
visibility:hidden;
}
.menuitems{
padding-left:10px;
padding-right:10px;
}
-->
</style>
</HEAD>
<BODY>
<script language="JavaScript1.2">
function on(){
var IE = document.all?true:false;
if (!IE) document.captureEvents(Event.MOUSEMOVE)
document.onmousemove = getMouseXY;
var tempX = '';
var tempY = '';
function getMouseXY(e) {
if (IE) {
tempX = event.clientX + document.body.scrollLeft;
tempY = event.clientY + document.body.scrollTop;
}
else {
tempX = e.pageX;
tempY = e.pageY;
}
}
alert("tempX =" + tempX + " & tempY " + tempY + "."); // test
document.getElementById("menu").style.left= tempY; // <---
document.getElementById("menu").style.top= tempX; // <---
document.getElementById("menu").style.visibility='visible';
}
function off(){
document.getElementById("menu").style.visibility='hidden';
}
</script>
<div id="menu" class="skin" STYLE="position:absolute; left:0px; top:0px;" display:none>
Hallo<br>Hallodfsgasdf
</div>
<br><br><br>
<a href="#" onmouseover="on()" onMouseout="off()">das ist ein link</a>
<br><br>
<a href="#" onmouseover="on()" onMouseout="off()">das auch</a>
</BODY>
</HTML>
der haken an der sache ist der, dass tempX und tempY immer 0 ist.
warum? ich habe dafür extra ein alert eingebaut der mir das sagt.
hmm
MfG
Michael W.