Georg: Style nach obj.innerHTML

SELF-Forum

Style nach obj.innerHTML

Georg
– Informationen zu den Bewertungsregeln

Hallo,

finde keine Lösung, ggf. Knöpfe vor den Augen?

Habe eine Auflistung:
<div id="navcontainer">
<ul id="navlist">
<li><a href="home.html">Home</a></li>
<li><a href="products.html">Products</a></li>
<li id="active"><a id="current" href="services.html">Services</a></li>
</ul>
</div>

Die vorher im <head>
<link rel="stylesheet" href="css/menustyle.css" type="text/css" />
</head>
"hübsch" gemachtet wurde.

Aber nach einem:
var obj = document.getElementById("navcontainer");
obj.innerHTML = XMLHttpRequestObject.responseText;

Ist die Formatierung weg
Wie kann ich das verhindern bzw. die Style wieder zuweisen ?

Vielen Dank !

Gruß Georg

Beitrag melden
–
Informationen zu den Bewertungsregeln

  1. Style nach obj.innerHTML

    Cheatah
    – Informationen zu den Bewertungsregeln

    Hi,

    Aber nach einem:
    var obj = document.getElementById("navcontainer");
    obj.innerHTML = XMLHttpRequestObject.responseText;
    Ist die Formatierung weg

    wie lautet denn anschließend der generierte Code, und wo unterscheidet er sich vom ursprünglichen?

    Cheatah

    --
    X-Self-Code: sh:( fo:} ch:~ rl:° br:> n4:& ie:% mo:) va:) de:] zu:) fl:{ ss:) ls:~ js:|
    X-Self-Code-Url: http://emmanuel.dammerer.at/selfcode.html
    X-Will-Answer-Email: No
    X-Please-Search-Archive-First: Absolutely Yes
    Beitrag melden
    –
    Informationen zu den Bewertungsregeln

    1. Style nach obj.innerHTML

      Georg
      – Informationen zu den Bewertungsregeln

      Hi,

      wie lautet denn anschließend der generierte Code, und wo unterscheidet er sich vom ursprünglichen?

      Cheatah

      Hallo Cheatah,
      hier der komplette Code:
      //--------------------------Index_Seite
      <html>
      <head>
      <script type="text/javascript" language="JavaScript1.2" src="js/menulng.js"></script>
      <link rel="stylesheet" type="text/css" href="css/menustyle.css">
      </head>

      <div id="navcontainer">
       <ul id="navlist">
       <li><a href="home.html">Home</a></li>
       <li><a href="products.html">Products</a></li>
       <li id="active"><a id="current" href="services.html">Services</a></li>
       <li><a href="support.html">Support</a></li>
       <li><a href="order.html">Order</a></li>
       <li><a href="about.html">About</a></li>
       </ul>
      </div>
      <form>
            <input type = "button" value = "Menü ändern"
              onclick = "getMenuDatajs('getmenudata.php', 'navcontainer')">
      </form>
      </html>

      //--------------------ENDE SEITE VORHER-----------------
      //----------------INHALT von menulng.js------------------
            var XMLHttpRequestObject = false;

      if (window.XMLHttpRequest) {
              XMLHttpRequestObject = new XMLHttpRequest();
            } else if (window.ActiveXObject) {
              XMLHttpRequestObject = new ActiveXObject("Microsoft.XMLHTTP");
            }

      function getMenuDatajs(dataSource, divID)
            {
              if(XMLHttpRequestObject) {
                var obj = document.getElementById(divID);
                XMLHttpRequestObject.open("GET", dataSource);

      XMLHttpRequestObject.onreadystatechange = function()
                {
                  if (XMLHttpRequestObject.readyState == 4 &&
                    XMLHttpRequestObject.status == 200) {
                      obj.innerHTML = XMLHttpRequestObject.responseText;
                  }
                }

      XMLHttpRequestObject.send(null);
              }
            }

      //-------------------ENDE von menulng.js---------------
      //------------------Inhalt von getmenudata.php-------
      <?php
      session_start();

      if (!isset($_POST['sprache'])) {$_POST['sprache']='dt';}
      if (!isset($_POST['menu']))    {$selected="Login";}

      $sprachpath='sprache/'.$_POST['sprache'].'/menu.lng';
      include_once($sprachpath);

      $menu='';
             $anzahl = count($menuname);
             for($count = 0; $count < $anzahl; $count++)
                {
                $zeile='<li';
                if ($menuname[$count] == $selected){
                        $zeile.= ' id="active"><a id="current"';
                 }
                 $zeile.='><a href="' . $menulink[$count] . '">' . $menuname[$count] . '</a> </li>'.chr(13);
                $menu.=$zeile;
                }
              echo  $menu;
      ?>
      //--------------------ENDE von getmenudata.php-------

      War das gefragt ?

      Gruß Gerog

      Beitrag melden
      –
      Informationen zu den Bewertungsregeln

      1. Style nach obj.innerHTML

        Cheatah
        – Informationen zu den Bewertungsregeln

        Hi,

        War das gefragt ?

        nein, ich brauche nur den clientseitig vorliegenden HTML-Code, nachdem dieser per JavaScript erzeugt wurde. Also das, was Dir z.B. der DOM-Inspector bzw. "View Selection Source" auf dem markierten Bereich im Firefox meldet.

        Cheatah

        --
        X-Self-Code: sh:( fo:} ch:~ rl:° br:> n4:& ie:% mo:) va:) de:] zu:) fl:{ ss:) ls:~ js:|
        X-Self-Code-Url: http://emmanuel.dammerer.at/selfcode.html
        X-Will-Answer-Email: No
        X-Please-Search-Archive-First: Absolutely Yes
        Beitrag melden
        –
        Informationen zu den Bewertungsregeln

        1. Style nach obj.innerHTML

          Georg
          – Informationen zu den Bewertungsregeln

          Hi,

          War das gefragt ?

          nein, ich brauche nur den clientseitig vorliegenden HTML-Code, nachdem dieser per JavaScript erzeugt wurde. Also das, was Dir z.B. der DOM-Inspector bzw. "View Selection Source" auf dem markierten Bereich im Firefox meldet.

          Cheatah

          //--------------------SeitenQuelltext vorher:
          <html>
            <head>
              <title></title>
          <script type="text/javascript" language="JavaScript1.2" src="js/menulng.js"></script>
          <link rel="stylesheet" type="text/css" href="css/menustyle.css">
          </head>
              <div id="navcontainer">
          <ul id="navlist">
          <li><a href="home.html">Home</a></li>

          <li><a href="products.html">Products</a></li>
          <li id="active"><a id="current" href="services.html">Services</a></li>
          <li><a href="support.html">Support</a></li>
          <li><a href="order.html">Order</a></li>
          <li><a href="about.html">About</a></li>
           </ul>
             </div>

          <form>
                <input type = "button" value = "Menü ändern"
                  onclick = "getMenuDatajs('getmenudata.php', 'navcontainer')">
              </form>
          </html>

          //--------------------SeitenQuelltext nachher:
          <html>
            <head>
              <title></title>
          <script type="text/javascript" language="JavaScript1.2" src="js/menulng.js"></script>
          <link rel="stylesheet" type="text/css" href="css/menustyle.css">
          </head>
              <div id="navcontainer">
          <ul id="navlist">
          <li><a href="home.html">Home</a></li>

          <li><a href="products.html">Products</a></li>
          <li id="active"><a id="current" href="services.html">Services</a></li>
          <li><a href="support.html">Support</a></li>
          <li><a href="order.html">Order</a></li>
          <li><a href="about.html">About</a></li>
          </ul>
              </div>
              <form>
                <input type = "button" value = "Menü ändern"
                  onclick = "getMenuDatajs('getmenudata.php', 'navcontainer')">
              </form>

          </html>
          //---------------------ENDE------------------------//

          Frage mich jetzt nicht warum beides gleich ist :-(

          Beitrag melden
          –
          Informationen zu den Bewertungsregeln

        2. Style nach obj.innerHTML

          Georg
          – Informationen zu den Bewertungsregeln

          Hi,

          War das gefragt ?

          nein, ich brauche nur den clientseitig vorliegenden HTML-Code, nachdem dieser per JavaScript erzeugt wurde. Also das, was Dir z.B. der DOM-Inspector bzw. "View Selection Source" auf dem markierten Bereich im Firefox meldet.

          Cheatah

          Habs mal in der Test-Dev. eingespielt:
          http://www.goevolution.de/test/

          Gruß Georg

          Beitrag melden
          –
          Informationen zu den Bewertungsregeln

          1. Style nach obj.innerHTML

            steckl
            +1 Informationen zu den Bewertungsregeln

            Hi,

            Habs mal in der Test-Dev. eingespielt:
            http://www.goevolution.de/test/

            Auszug aus deinem erzeugtem Quelltext:~~~html

            <div id="navcontainer"><li><a href="#">Registrieren</a> </li>
            <li id="active"><a id="current"></a><a href="#">Login</a> </li>
            <li><a href="index.php">Home</a> </li>

            </div>

            Da fehlt das ul.  
  
Du muesstest dein [Neues Menue](http://www.goevolution.de/test/getmenudata.php) in "navilist" statt "navicontainer" laden, oder in dem php-Script zusaetzlich noch ein <ul> erzeugen.  
  
mfG,  
steckl
            Beitrag melden
            +1
            Informationen zu den Bewertungsregeln

            1. Style nach obj.innerHTML

              Georg
              – Informationen zu den Bewertungsregeln

              Hi,

              Da fehlt das ul.

              mfG,
              steckl

              DAS WAR ES !!!!
              SUPER,DANKE,DANKE !!!!

              Beitrag melden
              –
              Informationen zu den Bewertungsregeln