Tutorial HTML, CSS u. PHP - Forum

[GH]

Hi leute,

mir ist au einige mobile Seiten aufgefallen das in deren Quellcodes der Content nicht angezeit wird wie hier

Code: Alles auswählen

...
...
<div id="jqt">

   ......
        .....
   
   <div id="cloud_hosting" class="content">

      <div class="scroll"><div id="cloud_hosting_content"></div></div>
      
   </div>   
      
   <div id="dedicated_hosting" class="content">
      
      <div class="scroll"><div id="dedicated_hosting_content">"Hier kommt natürlich Content hin, aber zeigt sich hier net"</div></div>
      
   </div>
      
   <div id="hybrid_hosting" class="content">

      <div class="scroll"><div id="hybrid_hosting_content"></div></div>
      
   </div>
      
   <div id="cloud_apps" class="content">

      <div class="scroll"><div id="cloud_apps_content"></div></div>
      
   </div>
      
   <div id="contact_us" class="content">

      <div class="scroll"><div id="contact_us_content"></div></div>

   </div>
   
   <div id="about" class="content">

      <div class="scroll"><div id="about_content"></div></div>
   
   </div>
...
...
   

warum ist das so wie fügt sich alles dann im browser ein, welche technik wird genutzt und wie kann ich das auch machen?

MFG

[Basiii]

Huhu,

das ist ganz einfach per JavaScript gelöst, fügt man per JavaScript Text in eine HTML Datei, so wird dieser nicht im Dokument selbst angezeigt, sondern im Script, ich habe mal ein Beispiel vorbereitet:

Code: Alles auswählen

<div id="inhalt"></div>
<div id="inhalt2"></div>

<script>

  // Variante 1:
  var text = document.createTextNode("Ich bin ein Inhalt!");
  document.getElementById('inhalt').appendChild(text);

  // Variante 2:
  document.getElementById('inhalt2').innerText = "Ich bin auch ein Inhalt!";

</script>


Schauen wir uns die Seite an, merken wir das in den DIVs DOCH Text steht, obwohl ich doch eigentlich gar keinen notiert habe:

[GH]

dankeeeeeee,

aber ist das nicht contra produktiv auf einer mobilen seite zu machen, oder ist es besser weil es weniger bytes gibt die herunter geladen wernden?

[Basiii]

Es ist weniger produktiv, mobile Geräte unterstützen oft nicht mal JavaScript, außerdem muss mehr geladen werden (neben dem Inhalt auch noch der JavaScript Code).

[drPHIP132]

mobile Geräte unterstützen oft nicht mal JavaScript

opera Mini auf jedenfall.

btw. opera Mobile hat html5, css3, js und Flash Support..

[Basiii]

Es surft nicht jeder mit mobilen Protzgeräten ;)