Video Kurs HTML-Tutorial
jetzt HTML Video-Kurs bestellen
vom Macher des HTML-Seminars

Tutorial HTML, CSS u. PHP - Forum

Fragen und Antworten bei allen Problemen rund um Deine Homepage
gemeinsames Forum von www.html-seminar.de und www.PHP-Kurs.com

unser NEUES Forum gibt es unter

http://html-seminar.de/html-css-php-forum/

(Daten und Benutzer wurden übernommen, Kennwörter nicht, daher "Kennwort vergessen" beim ersten Nutzen verwenden!)

Zum Inhalt

Kurse in Website einbinden mit iFrame

Hyper Text Markup Language (HTML wird zum Auszeichnen von Webseiten benutzt. Es enthält Beschreibung zum Markieren typischer Elemente eines Dokuments wie Überschriften, Listen, Tabellen oder Grafiken.) Fragen - Antworten –Tipps hier hinein...

Moderator: lauras

Beiträge bitte im neuen Forum

Kurse in Website einbinden mit iFrame

Beitragvon Sami » Freitag 6. Januar 2012, 17:14

Hallo zusammen

Nach langem suchen bin ich auf das Kursverwaltungs Tool edoobox gestossen. Das Tool ist super und darum möchte ich es jetzt in meine Website einbauen.
Ich bin mir nicht sicher ob das Thema hier richtig Plaziert ist?

Der HTML:
Code: Alles auswählen
<iframe src="http://www.edoobox.com/iframe/" name="edooboxFrame" id="isIframe2" style="border:none; padding: 4px;" frameborder="0" height="600px" width="600px"> 
</iframe>


Den Code habe ich von hier: http://www.edoobox.com/home/Kursanbieter/MyWebsite/iFrame
Wenn ich diesen Code aber einfüge, erscheint kein iFrame sondern der HTML Code... Was mache ich nicht korrekt? :?:

Gruss Sami
Sami
HTML-Suchnase
 
Beiträge: 5
Registriert: Freitag 6. Januar 2012, 16:51
Nach oben

Re: Kurse in Website einbinden mit iFrame

Beitragvon Yamram » Freitag 6. Januar 2012, 17:31

Also, die Lösung für dein Problem kenne ich leider nicht. Das liegt jetzt auch daran, dass ich die Seite nicht aufrufen kann :D Das hat seine Gründe.

Aber padding, border und andere Eigenschaften solltest du auf keinen Fall im HTML-Code angeben. Das kannst du entweder in eine externe CSS-Datei oder ins HTML-Dokument im Header einbinden :D
Benutzeravatar
Yamram
HTML-Sonderfall
 
Beiträge: 616
Registriert: Samstag 5. Februar 2011, 20:05
Wohnort: C:\Users\Yamram\Desktop\Papierkorb.ink
Nach oben

Re: Kurse in Website einbinden mit iFrame

Beitragvon Sören » Samstag 7. Januar 2012, 12:21

Ist das deine gesamte HTML-Datei?
Wenn nicht poste mal den ganzen Code, vielleicht hast du den iFrame falsch eingefügt.
Benutzeravatar
Sören
HTML-Acrobat
 
Beiträge: 851
Registriert: Samstag 5. Juni 2010, 16:00
Nach oben

Re: Kurse in Website einbinden mit iFrame

Beitragvon Sami » Montag 9. Januar 2012, 09:08

Danke für die Antworten!

Hier der HTML-Code vom iFrame
Code: Alles auswählen
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="de-de" lang="de-de" dir="ltr" >
        <head>
                 
  <meta http-equiv="content-type" content="text/html; charset=utf-8" />
  <meta name="robots" content="index, follow" />
  <meta name="generator" content="Joomla! 1.7 - Open Source Content Management" />
  <title>Alle meine Kurse Online buchen</title>
  <link href="/joo/templates/beez_20/favicon.ico" rel="shortcut icon" type="image/vnd.microsoft.icon" />

 
  <script src="/joo/media/system/js/core.js" type="text/javascript"></script>
  <script src="/joo/media/system/js/mootools-core.js" type="text/javascript"></script>
  <script src="/joo/media/system/js/mootools-more.js" type="text/javascript"></script>
  <script src="/joo/templates/beez_20/javascript/md_stylechanger.js" type="text/javascript" defer="defer"></script>

                <link rel="stylesheet" href="/joo/templates/system/css/system.css" type="text/css" />

                <link rel="stylesheet" href="/joo/templates/beez_20/css/position.css" type="text/css" media="screen,projection" />
                <link rel="stylesheet" href="/joo/templates/beez_20/css/layout.css" type="text/css" media="screen,projection" />
                <link rel="stylesheet" href="/joo/templates/beez_20/css/print.css" type="text/css" media="print" />
                <link rel="stylesheet" href="/joo/templates/beez_20/css/general.css" type="text/css" />
                <link rel="stylesheet" href="/joo/templates/beez_20/css/general_mozilla.css" type="text/css" />
                <link rel="stylesheet" href="/joo/templates/beez_20/css/personal.css" type="text/css" />
                <!--[if lte IE 6]>
                <link href="/joo/templates/beez_20/css/ieonly.css" rel="stylesheet" type="text/css" />

                                <style type="text/css">
                #line
                {      width:98% ;
                }
                .logoheader
                {
                        height:200px;

                }
                #header ul.menu
                {
                display:block !important;
                      width:98.2% ;


                }
                 </style>
                                <![endif]-->
                <!--[if IE 7]>
                        <link href="/joo/templates/beez_20/css/ie7only.css" rel="stylesheet" type="text/css" />
                <![endif]-->
                <script type="text/javascript" src="/joo/templates/beez_20/javascript/hide.js"></script>

                <script type="text/javascript">
                        var big ='72%';
                        var small='53%';
                        var altopen='ist geöffnet';
                        var altclose='ist geschlossen';
                        var bildauf='/joo/templates/beez_20/images/plus.png';
                        var bildzu='/joo/templates/beez_20/images/minus.png';
                        var rightopen='Info öffnen';
                        var rightclose='Info schließen';
                        var fontSizeTitle='Schriftgröße';
                        var bigger='Größer';
                        var reset='Reset';
                        var smaller='Kleiner';
                        var biggerTitle='Vergrößern';
                        var resetTitle='Stil auf Standard zurücksetzen';
                        var smallerTitle='Verkleinern';
                </script>

        </head>

        <body>

<div id="all">
        <div id="back">
                <div id="header">
                               
                                        <ul class="skiplinks">
                                                <li><a href="#main" class="u2">Zum Inhalt wechseln</a></li>

                                                <li><a href="#nav" class="u2">Direkt zur Hauptnavigation und Anmeldung</a></li>
                                                                                    </ul>
                                        <h2 class="unseen">Nav Ansichtssuche</h2>
                                        <h3 class="unseen">Navigation</h3>
                                       
<ul class="menu">
<li class="item-464"><a href="/joo/" >Home</a></li><li class="item-444"><a href="/joo/index.php/Kurse" >Meine Kurse</a></li><li class="item-207"></li></ul>

                                        <div id="line">
                                        <div id="fontsize"></div>
                                        <h3 class="unseen">Suchen</h3>
                                        <form action="/joo/index.php/meine-kurse" method="post">
   <div class="search">
      <label for="mod-search-searchword">Suchen...</label><input name="searchword" id="mod-search-searchword" maxlength="20"  class="inputbox" type="text" size="20" value="Suchen..."  onblur="if (this.value=='') this.value='Suchen...';" onfocus="if (this.value=='Suchen...') this.value='';" />   <input type="hidden" name="task" value="search" />
   <input type="hidden" name="option" value="com_search" />

   <input type="hidden" name="Itemid" value="466" />
   </div>
</form>

                                        </div> <!-- end line -->


                        </div><!-- end header -->
                        <div id="contentarea">
                                        <div id="breadcrumbs">

                                                       
<div class="breadcrumbs">
<span class="showHere">Aktuelle Seite: </span><a href="/joo/" class="pathway">Home</a> <img src="/joo/templates/beez_20/images/system/arrow.png" alt=""  /> <span>Meine Kurse</span></div>


                                        </div>

                                       

                                                        <div class="left1 leftbigger" id="nav">
                                                   <div class="moduletable_menu">


<div class="moduletable_menu">
<h3><span
   class="backh"><span class="backh2"><span class="backh3">This Site</span></span></span></h3>

<ul class="menu">

<li class="item-435"><a href="/joo/" >Home</a></li><li class="item-294 parent"><a href="/joo/index.php/site-map" >Sitemap</a></li><li class="item-233"><a href="/joo/index.php/login" >Anmeldung</a></li><li class="item-448"><a href="/joo/administrator" target="_blank" >Administrator</a></li><li class="item-466 current active"><a href="/joo/index.php/meine-kurse" >Meine Kurse</a></li><li class="item-467"><a href="/joo/index.php/scroller" >Scroller</a></li></ul>
</div>

                                                               
                                                               


                                                        </div><!-- end navi -->
               
                                        <div id="wrapper2" >

                                                <div id="main">

                                               
                                                       
<div id="system-message-container">
</div>
                                                        <script type="text/javascript">
function iFrameHeight() {
   var h = 0;
   if (!document.all) {
      h = document.getElementById('blockrandom').contentDocument.height;
      document.getElementById('blockrandom').style.height = h + 60 + 'px';
   } else if (document.all) {
      h = document.frames('blockrandom').document.body.scrollHeight;
      document.all.blockrandom.style.height = h + 20 + 'px';
   }
}
</script>
<div class="contentpane">

&lt;iframe src=&quot;http://www.edoobox.com/iframe/&quot;   name=&quot;edooboxFrame&quot; id=&quot;isIframe2&quot; style=&quot;border:none; padding: 4px;&quot;   frameborder=&quot;0&quot; height=&quot;600px&quot; width=&quot;600px&quot;&gt;  <br />
&lt;/iframe&gt;
 
</div>


                                                </div><!-- end main -->

                                        </div><!-- end wrapper -->

                               
                       
                                <div class="wrap"></div>

                                </div> <!-- end contentarea -->

                        </div><!-- back -->

                </div><!-- all -->

                <div id="footer-outer">
                                                <div id="footer-inner">

                                <div id="bottom">
                                        <div class="box box1"> <div class="moduletable">
<div class="bannergroup">

   

</div>
</div>
                                        <div class="box box2"> <div class="moduletable">


                                        </div>
                                        </div>
                                        <div class="box box3"><div class="moduletable">
                                          <div class="bannergroup"> </div>

</div>

</div>
                                </div>


                        </div>
                               
                        <div id="footer-sub">


                                <div id="footer">

                                       
                                        <p>
                                                Powered by <a href="http://www.joomla.org/">Joomla!&#174;</a>

                                        </p>


                                </div><!-- end footer -->

                        </div>

                </div>
            
        </body>
</html>


Bei der Ausgabe erscheint nicht das iFrame, sondern der iFrame-Code... :cry:
Sami
HTML-Suchnase
 
Beiträge: 5
Registriert: Freitag 6. Januar 2012, 16:51
Nach oben

Re: Kurse in Website einbinden mit iFrame

Beitragvon drPHIP132 » Montag 9. Januar 2012, 09:39

dein Code ist ja ganz schön viel. lösche mal bitte alles unwichtige heraus, sprich den Text weg machen, damit nur der iframe da ist und der dazugehörige JavaScript Code. habe sonst keinen so tollen Überblick über deinen Code im deutschuntetricht auf meinem Handy.

außerdem könnte es an der doctype liegen, da es vllt nicht vorgesehen ist iframes mit deiner doctype zu nutzen.

probiere bitte folgendes:
<!doctype html>

Gruß phip
Benutzeravatar
drPHIP132
HTML-Acrobat
 
Beiträge: 744
Registriert: Samstag 15. Januar 2011, 19:10
Wohnort: Sachsen, Erzgebirge
Nach oben

Re: Kurse in Website einbinden mit iFrame

Beitragvon Sami » Montag 9. Januar 2012, 09:48

Ich habe den Fehler gefunden... Du hattest recht, ich hatte den Code in den Editor kopiert. Dieser erstellte einen HTML Version aus dem Code und anstelle des iFrames wurde der Code angezeigt.

Code: Alles auswählen
&lt;iframe src=&quot;http://www.edoobox.com/iframe/&quot;   name=&quot;edooboxFrame&quot; id=&quot;isIframe2&quot; style=&quot;border:none; padding: 4px;&quot;   frameborder=&quot;0&quot; height=&quot;600px&quot; width=&quot;600px&quot;&gt;  <br />
&lt;/iframe&gt;
 


Es funktioner jetz!! THX :P :D
Sami
HTML-Suchnase
 
Beiträge: 5
Registriert: Freitag 6. Januar 2012, 16:51
Nach oben

Re: Kurse in Website einbinden mit iFrame

Beitragvon drPHIP132 » Montag 9. Januar 2012, 09:53

du => Sören?

schön das es jetzt klappt
Benutzeravatar
drPHIP132
HTML-Acrobat
 
Beiträge: 744
Registriert: Samstag 15. Januar 2011, 19:10
Wohnort: Sachsen, Erzgebirge
Nach oben

Re: Kurse in Website einbinden mit iFrame

Beitragvon Sami » Montag 9. Januar 2012, 11:07

was meinst du mit sören :?:
Sami
HTML-Suchnase
 
Beiträge: 5
Registriert: Freitag 6. Januar 2012, 16:51
Nach oben

Re: Kurse in Website einbinden mit iFrame

Beitragvon drPHIP132 » Montag 9. Januar 2012, 11:54

das "du hattest recht" von dir...meintest du Sören? :P
Benutzeravatar
drPHIP132
HTML-Acrobat
 
Beiträge: 744
Registriert: Samstag 15. Januar 2011, 19:10
Wohnort: Sachsen, Erzgebirge
Nach oben

Re: Kurse in Website einbinden mit iFrame

Beitragvon Sami » Montag 9. Januar 2012, 11:57

So meinst du, ja! Habe den Code danach nochmals angschaut :roll:
Sami
HTML-Suchnase
 
Beiträge: 5
Registriert: Freitag 6. Januar 2012, 16:51
Nach oben

Re: Kurse in Website einbinden mit iFrame

Beitragvon drPHIP132 » Montag 9. Januar 2012, 12:06

ist doch schön das den Fehler SELBER. gefunden hast :)
Benutzeravatar
drPHIP132
HTML-Acrobat
 
Beiträge: 744
Registriert: Samstag 15. Januar 2011, 19:10
Wohnort: Sachsen, Erzgebirge
Nach oben
Beiträge bitte im neuen Forum

Zurück zu HTML - xHTML - HTML5

Wer ist online?

Mitglieder in diesem Forum: 0 Mitglieder und 1 Gast

Powered by phpBB © 2000, 2002, 2005, 2007 phpBB Group
Optimized by SEO phpBB
Deutsche Übersetzung durch phpBB.de
cron