<?xml version="1.0" encoding="UTF-8"?>
<rss version="2.0"
	xmlns:content="http://purl.org/rss/1.0/modules/content/"
	xmlns:wfw="http://wellformedweb.org/CommentAPI/"
	xmlns:dc="http://purl.org/dc/elements/1.1/"
	xmlns:atom="http://www.w3.org/2005/Atom"
	xmlns:sy="http://purl.org/rss/1.0/modules/syndication/"
	xmlns:slash="http://purl.org/rss/1.0/modules/slash/"
	>

<channel>
	<title>Joomla, jQuery und das Internet &#187; HTML</title>
	<atom:link href="http://joomla-jquery-internet.de/tag/html/feed" rel="self" type="application/rss+xml" />
	<link>http://joomla-jquery-internet.de</link>
	<description>inkl. CodeIgniter, Wordpress und PHP</description>
	<lastBuildDate>Mon, 27 Feb 2012 17:39:07 +0000</lastBuildDate>
	<language>en</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
	<generator>http://wordpress.org/?v=3.3.1</generator>
		<item>
		<title>Keine Iframes im Internet Explorer 6 und IE 7</title>
		<link>http://joomla-jquery-internet.de/browser/keine-iframes-im-internet-explorer-6-und-ie-7</link>
		<comments>http://joomla-jquery-internet.de/browser/keine-iframes-im-internet-explorer-6-und-ie-7#comments</comments>
		<pubDate>Thu, 05 Aug 2010 09:18:01 +0000</pubDate>
		<dc:creator>admin</dc:creator>
				<category><![CDATA[Browser]]></category>
		<category><![CDATA[HTML]]></category>
		<category><![CDATA[IE]]></category>
		<category><![CDATA[IE sucks!]]></category>
		<category><![CDATA[IE6]]></category>
		<category><![CDATA[IE7]]></category>
		<category><![CDATA[iframe]]></category>
		<category><![CDATA[Internet Explorer]]></category>

		<guid isPermaLink="false">http://joomla-jquery-internet.de/?p=310</guid>
		<description><![CDATA[Ich hatte grade auf einer von mir erstellten Website das Problem, dass Inhalte von externen Seiten nicht im IFrame geladen werden können. Natürlich betrifft das wiedermal nur die Internet Explorer 6 und 7. Das Ganze hat mit den Sicherheitseinstellungen des Internet Explorers zu tun. Als Webentwickler kommt man an diese Sicherheitseinstellungen auch nicht wirklich ran. [...]]]></description>
			<content:encoded><![CDATA[<p>Ich hatte grade auf einer von mir erstellten Website das Problem, dass Inhalte von externen Seiten nicht im IFrame geladen werden können. Natürlich betrifft das wiedermal nur die Internet Explorer 6 und 7. Das Ganze hat mit den Sicherheitseinstellungen des Internet Explorers zu tun.<br />
<span id="more-310"></span>Als Webentwickler kommt man an diese Sicherheitseinstellungen auch nicht wirklich ran. Bleibt nur die Möglichkeit eine Meldung auszugeben mit der Möglichkeit den Link in einem neuen Fenster öffnen zu können. Wiedermal ein richtig schlechtes Bug-Feature von Microsoft!</p>
<p>Hier noch ein Code-Beispiel:</p>
<p>&lt;!&#8211;[if lte IE 7]&gt;<br />
&lt;p&gt;Diese Version des Internet Explorers zeigt standardmäßig keine Iframes an. Passen Sie ihre Sicherheitseinstellungen an, um den Inhalt doch sehen zu können, oder klicken sie &lt;a href=&#8217;http://www.example.com/&#8217; target=&#8221;_blank&#8221;&gt;hier&lt;/a&gt;, um die Seite in einem neuen Fenster zu öffnen.&lt;/p&gt;<br />
&lt;![endif]&#8211;&gt;</p>
<p>&lt;iframe align=&#8221;middle&#8221; frameborder=&#8221;0&#8243; scrolling=&#8221;yes&#8221; style=&#8221;width: 800px; height: 1100px;&#8221; id=&#8221;iframe&#8221; name=&#8221;iframe&#8221; src=&#8221;http://www.example.com/&#8221;&gt;Ihr Browser unterstützt keine Iframes. Klicken Sie &lt;a href=&#8217;http://www.example.com/&#8217; target=&#8221;_blank&#8221;&gt;hier&lt;/a&gt;, um die Seite zu öffnen.&lt;/iframe&gt;</p>
<p>Quellen:<br />
<a href="http://stackoverflow.com/questions/540926/ie7-iframe-blank-page" target="_blank">http://stackoverflow.com/questions/540926/ie7-iframe-blank-page</a><br />
<a href="http://adamyoung.net/IE-Blocking-iFrame-Cookies" target="_blank">http://adamyoung.net/IE-Blocking-iFrame-Cookies</a></p>
]]></content:encoded>
			<wfw:commentRss>http://joomla-jquery-internet.de/browser/keine-iframes-im-internet-explorer-6-und-ie-7/feed</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Coole, schöne und valide Admin-Templates für Backends, CMS, eCommerce, usw</title>
		<link>http://joomla-jquery-internet.de/allgemein/coole-schoene-und-valide-admin-backend-templates</link>
		<comments>http://joomla-jquery-internet.de/allgemein/coole-schoene-und-valide-admin-backend-templates#comments</comments>
		<pubDate>Tue, 05 Jan 2010 09:30:34 +0000</pubDate>
		<dc:creator>admin</dc:creator>
				<category><![CDATA[Allgemein]]></category>
		<category><![CDATA[Sonstiges]]></category>
		<category><![CDATA[Admin]]></category>
		<category><![CDATA[Backend]]></category>
		<category><![CDATA[Blog]]></category>
		<category><![CDATA[CMS]]></category>
		<category><![CDATA[E-Commerce]]></category>
		<category><![CDATA[HTML]]></category>
		<category><![CDATA[kostenlos]]></category>
		<category><![CDATA[Templates]]></category>
		<category><![CDATA[Themeforest]]></category>
		<category><![CDATA[Themes]]></category>

		<guid isPermaLink="false">http://joomla-jquery-internet.de/?p=128</guid>
		<description><![CDATA[Eine kleine Auswahl an XHTML-Templates für Admin-Backends. Diese können universell eingesetzt werden für Web-Applikationen, CMS, Blogs und vieles mehr.]]></description>
			<content:encoded><![CDATA[<p>Als ich neulich mal wieder im Internet unterwegs war, bin ich bei <a href="http://themeforest.net/" target="_blank">themeforest.net</a> auf ein paar sehr schöne Admin-Template gestoßen. Nicht das Übliche (WordPress-Themes, Joomla-Templates, usw), sondern wirklich Vorlagen, für ein selbst programmiertes Admin-Backend, oder das firmeneigene CMS. Oder auch um seinem Lieblings-CMS / Blog ein neues Aussehen zu verpassen, aber dafür muss man die Templates noch konvertieren, da sie nur als HTML/CSS (inkl PSD-Dateien) vorliegen.<span id="more-128"></span>Hier eine kleine Auswahl der Admin-Templates, die mir am besten gefallen haben&#8230;<br />
Weiter unten gibt es auch noch eine Auswahl an kostenlosen <a href="#kostenlose_admin_templates">Admin-Templates</a>.</p>
<h2>Profi Admin</h2>
<p><a href="http://themeforest.net/item/profi-admin-administration-for-the-professionals/49058" target="_blank"><img src="http://joomla-jquery-internet.de/wp-content/uploads/2010/01/profi_admin_template1.jpg" alt="Profi Admin Vorschaubild" width="590" height="300" /></a></p>
<p>Sieht einfach klasse und richtig professionell aus!</p>
<p>Hier geht&#8217;s zum Template: <a href="http://themeforest.net/item/profi-admin-administration-for-the-professionals/49058" target="_blank">Theme Forrest &#8211; Profi Admin</a></p>
<h2>Flexy &#8211; Liquid Admin Skin</h2>
<p><a href="http://themeforest.net/item/flexy-liquid-admin-skin-7-in-1/46398" target="_blank"><img src="http://joomla-jquery-internet.de/wp-content/uploads/2010/01/flexi_admin_template.jpg" alt="Flexy Admin Skin Vorschaubild" width="480" height="200" /></a></p>
<p>Hier finde ich das Dashbord und den Kalender richtig gut gelungen.</p>
<p>Hier geht&#8217;s zum Template: <a href="http://themeforest.net/item/flexy-liquid-admin-skin-7-in-1/46398" target="_blank">Theme Forrest &#8211; Flexy Liquid Admin Skin<br />
</a></p>
<h2>FreshCMS</h2>
<p><a href="http://themeforest.net/item/freshcms-an-almost-complete-cms-skin/50089" target="_blank"><img src="http://s3.envato.com/files/221617/screenshots/01_overview.__large_preview.jpg" alt="Fresh CMS Vorschaubild" /></a></p>
<p>Mal was Neues. Interessant ist nicht nur der Style-Switcher, sondern auch die ein- und ausfahrbaren Navigationsitems im Topmenu.</p>
<p>Hier geht&#8217;s zum Template: <a href="http://themeforest.net/item/freshcms-an-almost-complete-cms-skin/50089" target="_blank">Theme Forrest &#8211; Fresh CMS<br />
</a></p>
<h2>ProAdmin</h2>
<p><a rel="lightbox" href="http://s3.envato.com/files/55950/preview/1_index.jpg" target="_blank"><img src="http://s3.envato.com/files/55950/preview/1_index.__large_preview.jpg" alt="ProAdmin Vorschaubild" /></a></p>
<p>Ein sehr schönes, helles und modernes Template.</p>
<p>Link: <a href="http://jannek.fi/themeforest/proadmin/" target="_blank">Live-Preview</a></p>
<p>Hier geht&#8217;s zum Template: <a href="http://themeforest.net/item/proadmin-template/21244" target="_blank">Theme Forrest &#8211; ProAdmin</a></p>
<h2>FlexiAdmin Control Panel Liquid</h2>
<p><a rel="lightbox" href="http://s3.envato.com/files/68368/01-overview.png" target="_blank"><img src="http://s3.envato.com/files/68368/01-overview.__large_preview.png" alt="FlexiAdmin Control Panel Vorschaubild" /></a></p>
<p>Mir gefällt das blau/grüne zwar am besten, aber für alle anderen Geschmäcker gibt es noch 3 andere Farbvarianten (rot, gelb, grau)</p>
<p>Link: <a href="http://themeforest.net/theme_previews/25627-flexiadmin-control-panel-liquid-4-skins" target="_blank">weitere Screenshots</a></p>
<p>Hier geht&#8217;s zum Template: <a href="http://themeforest.net/item/flexiadmin-control-panel-liquid-4-skins/25627" target="_blank">Theme Forrest &#8211; FlexiAdmin Control Panel</a></p>
<h2>Complete Liquid Admin CP</h2>
<p><a rel="lightbox" href="http://s3.envato.com/files/68376/03-content-normal.jpg" target="_blank"><img src="http://s3.envato.com/files/68376/01-overview.__large_preview.png" alt="Complete Liquid Admin CP Vorschaubild" /></a></p>
<p>Vollgepackt mit Grafiken für sehr viele Funktionen, helles und modernes Design, viele Möglichkeiten.</p>
<p>Link: <a href="http://themeforest.net/theme_previews/24826-complete-liquid-admin-control-panel" target="_blank">Screenshots</a></p>
<p>Hier geht&#8217;s zum Template: <a href="http://themeforest.net/item/complete-liquid-admin-control-panel/24826" target="_blank">Theme Forrest &#8211; Complete Liquid Admin CP<br />
</a></p>
<h2>Clean CSS Admin Multiskin</h2>
<p><a rel="lightbox" href="http://s3.envato.com/files/69378/02-black-inside.jpg" target="_blank"><img src="http://s3.envato.com/files/69378/01-overview.__large_preview.png" alt="Clean CSS Admin Multiskin Vorschaubild" /></a></p>
<p>Auch dieses Template gibt es in mehreren Farben: Schwarz, Weiß, Rot, Blau.</p>
<p>Link: <a href="http://themeforest.net/theme_previews/25973-clean-css-admin-multiskin-black-white-red-blue" target="_blank">Screenshots</a></p>
<p>Hier geht&#8217;s zum Template: <a href="http://themeforest.net/item/proadmin-template/21244" target="_blank">Theme Forrest &#8211; Clean CSS Admin Multiskin</a></p>
<h2>Carbon Admin 3.0</h2>
<p><a rel="lightbox" href="http://s3.envato.com/files/93401/1_homepage.png" target="_blank"><img src="http://s3.envato.com/files/93401/1_homepage.__large_preview.png" alt="Carbon Admin 3.0 Vorschaubild" /></a></p>
<p>Bei diesem Template haben mich die dunke- und hellgrauen Labels fasziniert. Das Blau oben im Header ist zwar etwas flippig, aber durchaus ok.</p>
<p>Hier geht&#8217;s zum Template: <a href="http://themeforest.net/item/carbon-admin-30-skin/33599" target="_blank">Theme Forrest &#8211; Carbon Admin 3.0<br />
</a></p>
<h2>eManager 1.0</h2>
<p><a rel="lightbox" href="http://s3.envato.com/files/49757/1_Homepage.jpg" target="_blank"><img src="http://s3.envato.com/files/49757/1_Homepage.__large_preview.jpg" alt="E-Manager 1.0" /></a></p>
<p>Ein kleines, aber sehr feines Template, mit den wichtigsten Funktionen im Entwurf.</p>
<p>Hier geht&#8217;s zum Template: <a href="http://themeforest.net/item/emanager-10/19140" target="_blank">Theme Forrest -eManager 1.0<br />
</a></p>
<p><a name="kostenlose_admin_templates"></a></p>
<h2>Free Admin-Template for Web-Applications</h2>
<p><img src="http://www.webresourcesdepot.com/wp-content/uploads/image/free-admin-template.jpg" alt="kostenloses Admin-Backend-Template in XHTML" width="480" height="196" /></p>
<p>Die Seite <a href="http://www.webresourcesdepot.com" target="_blank">Web-Resources-Depot</a> bietet ein universelles XHTML-Template an, das man für E-Commerce-Seiten, CMS, Blogs und vieles mehr verwenden kann.</p>
<p>Link zum Template: <a href="http://www.webresourcesdepot.com/free-admin-template-for-web-applications/" target="_blank">Free Admin-Template for Web-Applications</a></p>
<h2>My eCommerce Admin</h2>
<p><a rel="lightbox" href="http://joomla-jquery-internet.de/wp-content/uploads/2010/01/e-commerce_admin_template_navigation_blue.jpg" target="_blank"><img src="http://joomla-jquery-internet.de/wp-content/uploads/2010/01/e-commerce_admin_template_navigation_blue.jpg" alt="My eCommerce Admin" width="590" height="167" /></a></p>
<p>Kostenloses Admin-Template zum Beispiel für eCommerce Anwendungen.<br />
Hier geht&#8217;s zum Template:  <a href="http://www.bloganje.com/free-admin-template.html" target="_blank">My eCommerce Admin</a></p>
<h2><strong><br />
</strong></h2>
<p><strong>Kennt ihr noch weitere richtig gute (am besten sogar kostenlose?) Admin-Templates? Dann würde ich mich über einen Link in den Kommentaren freuen.</strong></p>
]]></content:encoded>
			<wfw:commentRss>http://joomla-jquery-internet.de/allgemein/coole-schoene-und-valide-admin-backend-templates/feed</wfw:commentRss>
		<slash:comments>2</slash:comments>
		</item>
		<item>
		<title>Joomla 1.5 &#8211; HTML Header modifizieren, eigenes Javascript einbinden</title>
		<link>http://joomla-jquery-internet.de/joomla_15/joomla-1-5-html-header-modifizieren-eigenes-javascript-einbinden</link>
		<comments>http://joomla-jquery-internet.de/joomla_15/joomla-1-5-html-header-modifizieren-eigenes-javascript-einbinden#comments</comments>
		<pubDate>Thu, 31 Dec 2009 16:10:58 +0000</pubDate>
		<dc:creator>admin</dc:creator>
				<category><![CDATA[Joomla]]></category>
		<category><![CDATA[Behaviour]]></category>
		<category><![CDATA[Head]]></category>
		<category><![CDATA[HTML]]></category>
		<category><![CDATA[Javascript]]></category>
		<category><![CDATA[jQuery]]></category>
		<category><![CDATA[Mootools]]></category>

		<guid isPermaLink="false">http://joomla-jquery-internet.de/?p=122</guid>
		<description><![CDATA[Wenn man sein Joomla 1.5 Frontend-Template nicht auf Mootools, sondern anderen Javascript-Frameworks wie zum Beispiel jQuery aufbauen will, scheitert man meistens daran, dass das Javascript-Framework Mootools von Joomla selbst schon integriert wird, indem man einfach nur &#60;jdoc:include type=&#8221;head&#8221;&#62; in sein Template schreibt. Dies soll natürlich nicht verboten werden, aber man kann die Header-Datas leicht modifizieren, [...]]]></description>
			<content:encoded><![CDATA[<p>Wenn man sein Joomla 1.5 Frontend-Template nicht auf Mootools, sondern anderen Javascript-Frameworks wie zum Beispiel jQuery aufbauen will, scheitert man meistens daran, dass das Javascript-Framework Mootools von Joomla selbst schon integriert wird, indem man einfach nur &lt;jdoc:include type=&#8221;head&#8221;&gt; in sein Template schreibt. Dies soll natürlich nicht verboten werden, aber man kann die Header-Datas leicht modifizieren, um zum Beispiel eigenes Javascript in den Head-Bereich des HTML-Dokuments einzubinden.<span id="more-122"></span></p>
<p>Öffnet dazu die Datei &#8220;index.php&#8221; des jeweiligen Joomla-Templates und sucht ganz weit oben nach der Zeile &lt;jdoc include type=&#8221;head&#8221;&gt; und setzt folgenden Code darüber:</p>
<pre class="php" name="code">$user =&amp; JFactory::getUser();
if ($user-&gt;get('guest') == 1) { // Nur durchführen, wenn nicht eingeloggt
    $headerstuff = $this-&gt;getHeadData(); //aktuelle Daten laden
    $headerstuff['scripts'] = array(); // Javascripts komplett entfernen
    $this-&gt;setHeadData($headerstuff); // geänderte Daten speichern
}</pre>
<p>Nun wird überhaupt kein Javascript mitgeladen und die Performance steigt. Allerdings wird das Mootools-Script wohl für einige Administrator-Funktionen benötigt, deshalb die Abfrage, ob man im Joomla-Frontend &#8220;Guest&#8221; ist.<br />
Gleichzeitig kann man beliebige andere Header-Tags einbinden, wie zum Beispiel ein das Javascript-Framework jQuery:</p>
<pre class="php" name="code">$headerstuff['scripts'] = array('/media/system/js/jquery.js', 'text/javascript';</pre>
<p>Oder etwas eleganter, als direkt im Array rumzufummeln:</p>
<pre class="php" name="code">$document = &amp;JFactory::getDocument(); // liefert das globale Dokument
$document-&gt;addScript(JPATH_SITE.'/media/system/js/jquery.js'); // fügt die Script-Deklaration hinzu
$document-&gt;addScriptDeclaration ('jQuery.noConflict();'); // führt diesen Code als Javascript aus.</pre>
<p>Ich würde empfehlen immer die komprimierte Version der Javascript-Frameworks zu verwenden, damit eure Joomla Website noch schneller lädt.<br />
<strong>Quelle</strong>: <a href="http://www.blog.highub.com/cms/remove-mootools-from-joomla-header" target="_blank">http://www.blog.highub.com/cms/remove-mootools-from-joomla-header</a></p>
<p><strong>Update</strong><br />
Es gibt noch eine Möglichkeit, das Frontend-Mootools durch jQuery zu ersetzen, und dabei sogar die Javascript-Funktionen für eingeloggte Administratoren beizubehalten: Joomla Behaviour.</p>
<p>Im Ordner libraries-&gt;joomla-&gt;html-&gt;html befindet sich die Datei behavior.php. Öffnet diese mit einem Editor und sucht die Funktion &#8220;mootools($debug = null)&#8221;. Direkt nach dieser Funktion erstellt ihr eine Funktion mit Namen &#8220;jQuery($debug=null)&#8221; und schreibt folgenden Code rein:</p>
<pre class="php" name="code">function jQuery($debug = null)
        {
            static $loaded;

            global $mainframe;
            // Only load once
            if ($loaded) {
                return;
            }

            // If no debugging value is set, use the configuration setting
            if ($debug === null) {
                $config = &amp;JFactory::getConfig();
                $debug = $config-&gt;getValue(‘config.debug’);
            }

            $konkcheck = strpos (strtolower($_SERVER['HTTP_USER_AGENT']), “konqueror”);

            if ($debug || $konkcheck) {
                JHTML::script(‘jquery.js’, ‘media/system/js/’, false);
            } else {
                if($mainframe-&gt;isSite()) {

                    JHTML::script(‘jquery.min.js’, ‘media/system/js/’, false);
                }
                else
                {
                    JHTML::script(‘mootools.js’, ‘media/system/js/’, false);
                }
            }
            $loaded = true;
            return;
        }</pre>
<p>jquery.min.js ist die gepackte Variante von jQuery und muss sich zusammen mit der unkomprimierten Version jquery.js im Ordner media-&gt;system-&gt;js befinden. jquery.js wird für den Konqueror-Browser benötigt, da dieser wohl Probleme mit dem gepackten jQuery-Javascript in Joomla 1.5 hat.</p>
<p>Um nun jQuery automatisch im Joomla-Code zu verwenden, schreibe dazu einfach nur folgende Zeile in die PHP-Datei:</p>
<pre class="php" name="code">JHTML::_(‘behavior.jQuery’)</pre>
<p>Cool, oder? <img src='http://joomla-jquery-internet.de/wp-includes/images/smilies/icon_smile.gif' alt=':-)' class='wp-smiley' /> </p>
]]></content:encoded>
			<wfw:commentRss>http://joomla-jquery-internet.de/joomla_15/joomla-1-5-html-header-modifizieren-eigenes-javascript-einbinden/feed</wfw:commentRss>
		<slash:comments>10</slash:comments>
		</item>
	</channel>
</rss>

