Exel datei htm in div einfügen

bibifellow · 11.03.2011

Ich habe das Tutorial mit den jquery Registerkarten ausprobiert. Funktioniert auch. Danach wollte ich in das div der Registerkarte eine Exel Datei einfügen. Wenn ich es in csv umwandle ist die Textformatierung weg. Dann habe ich sie abgespeichert unter htm. Leider wird sie nicht angezeigt.

HTML:

<script type="text/javascript" src="jquery.js"></script>

<body>
<style type="text/css">
 <!--
 ul.navi {
             list-style: none;
             margin: 0;
             padding: 0;
 }
 ul.navi li {
             display: inline;
 }
 ul.navi li a {
             padding: 3px 5px;
             background-color: #ccc;
             color: #000;
             text-decoration: none;
 }
 ul.navi li a.selected,  ul.navi li a:hover {
             background-color: #333;
             color: #fff;
             padding-top: 7px;
 }
 ul.navi li a:focus {
             outline: 0;
 }
 div.tabs > div {
             padding: 5px;
             margin-top: 3px;
             border: 2px solid #333;
 }
 #eins {
             background-color:#FF9;
 }
 #zwei {
             background-color:#FF9;
 }
 #drei {
             background-color:#FF9;
 }
 #vier {
             background-color:#FF9;
 }
  #fünf {
             background-color:#FF9;
 }
 
 -->
 </style>

<script type="text/javascript">
 /* <![CDATA[ */
  $(document).ready(function(){
     var bereich = $('div.tabs > div');
      
     $('div.tabs ul.navi a').click(function () {
         bereich.hide().filter(this.hash).show();
          
         $('div.tabs ul.navi a').removeClass('selected');
         $(this).addClass('selected');
          
         return false;
     }).filter(':first').click();
 });
 /* ]]> */
 </script>
<div class="tabs">
   <ul class="navi">
     <li><a href="#eins">Klein und fein</a></li>
     <li><a href="#zwei">Pizza</a></li>
     <li><a href="#drei">Nudelgerichte</a></li>
     <li><a href="#vier">Geflügelgerichte</a></li>
          <li><a href="#fünf">Salate</a></li>

   </ul>
   <div id="eins">
     <a href="Speisekarte.htm"></a>
   </div>
   <div id="zwei">
     <p>Inhalt des zweiten Registers.</p>
   </div>
   <div id="drei">
     <p>Inhalt des dritten Registers.</p>
   </div>
    <div id="vier">
     <p>Inhalt des vierten Registers.</p>
   </div>
   <div id="fünf">
     <p>Inhalt des fünften Registers.</p>
   </div>
</div>

Ein paar Tipps wären gut.

MyBad · 11.03.2011

AW: Exel datei htm in div einfügen

Hi! Du hast ja auch nur einen Link eingebaut.

Du musst also die Seite einbinden. Entweder über iFrame oder du inkludierst die Datei per PHP(include('speisekarte.php') -> dazu muss die .htm in .php umbenannt werden.).

Es gibt da noch eine Möglichkeit die Inhalte per jQuery zu laden. Glaube das Teil hieß "jQuery Frame". Ist schon ewig her, dass ich das mal gefunden habe.

bibifellow · 11.03.2011

AW: Exel datei htm in div einfügen

Ich habe es umbenannte und eingefügt

PHP:

<?php
     include("Speisekarte.php");
     ?>

Aber der div bleibt leer. Habe den div schon bearbeitet
#eins {
background-color:#FF9;
height: "100%";
width: "60%";

}
aber nichts passiert. Ich weiß nicht warum.

MyBad · 11.03.2011

AW: Exel datei htm in div einfügen

Kann dein Server den PHP und heißt die Datei, wo es inkludiert wird auch .php?

bibifellow · 12.03.2011

AW: Exel datei htm in div einfügen

Es funktioniert doch. Nach einem Neustart hat safari es gemacht. Hat sich wohl irgendwie aufgehangen. Mein Problem wäre jetzt nur ich habe in der Exel Datei ü und ä. Die zeigt die Seite nicht an. Habe dann den html Code für die ü und ä aber das funktioniert nicht. Muss ich dann ae und ue nehmen damit safari es anzeigt oder gibt es eine Möglichkeit die Exel datei ordnungsgemäß anzuzeigen.