Michael W.: JS variable in HTMl einsetzen

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.

  1. Guude!

    <script type="text/javascript">
      var variable = "text";
      document.write("Dies ist ein " + variable);
    </script>

    LG ausm Hesseland
    Lemmy

  2. 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

  3. 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

    --
    Hast Du einen Beitrag? Nur her damit!
    http://aktuell.de.selfhtml.org/tippstricks/beitrag.htm
    SELF-Code: (http://emmanuel.dammerer.at/selfcode.html)
    sh:) fo:) ch:] rl:( br:> n4:& ie:% mo:) va:) de:] zu:) fl:( js:| ss:) ls:[
    1. 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.

      1. 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

        --
        Hast Du einen Beitrag? Nur her damit!
        http://aktuell.de.selfhtml.org/tippstricks/beitrag.htm
        SELF-Code: (http://emmanuel.dammerer.at/selfcode.html)
        sh:) fo:) ch:] rl:( br:> n4:& ie:% mo:) va:) de:] zu:) fl:( js:| ss:) ls:[
        1. 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.