Lightbox, Joomla 1.5 und Opera und IE

**Apfelkuchen91** · 14.06.2009 16:48

Ich habe auf meiner Seite Lightbox integriert, aber wenn ich es mit IE8 und Opera 9.64 versuche geht es nicht.
Aber wenn ich

Code:

<script type="text/javascript" src="/media/system/js/mootools.js"></script>

auskommenteire dann geht es. habe is in einer extra datei ausprobiert.

Zitat von Fehlercode von Opera

JavaScript - adress/index.php?option=com_content&view=article&id=34&It emid=11
Event thread: click
Error:
name: TypeError
message: Statement on line 191: Type mismatch (usually non-object value supplied where object required)
Backtrace:
Line 191 of linked script Adress/templates/ksv/js/lightbox.js
var target = event.findElement('a[rel^=lightbox]') || event.findElement('area[rel^=lightbox]');
... Line 209 of linked script Adress/templates/ksv/js/prototype.js
return __method.apply(object, args.concat($A(arguments)));
... Line 3877 of linked script Adress/templates/ksv/js/prototype.js
handler.call(element, event);
...
stacktrace: n/a; see 'opera:config#UserPrefs|Exceptions Have Stacktrace'
JavaScript - Adress/index.php?option=com_content&view=article&id=34&It emid=11
Event thread: DOMContentLoaded
Error:
name: TypeError
message: Statement on line 92: Cannot convert undefined or null to Object
Backtrace:
Line 92 of linked scriptAdress/media/system/js/mootools.js
function(el){el.$tmp.myTitle=(el.href&&el.getTag() =='a')?el.href.replace('http://',''):(el.rel||false);if(el.title){var dual=el.title.split('::');if(dual.length>1){el.$tm p.myTitle=dual[0].trim();el.$tmp.myText=dual[1].trim();}else{el.$tmp.myText=el.title;}
... Line 209 of linked script Adress/templates/ksv/js/prototype.js
return __method.apply(object, args.concat($A(arguments)));
Line 595 of linked script Adress/templates/ksv/js/prototype.js
iterator(value, index++);
... Line 594 of linked script Adress/templates/ksv/js/prototype.js
this._each(function(value) {
Line 92 of linked script Adress/media/system/js/mootools.js
function(elements,options){this.setOptions(options );this.toolTip=new Element('div',{'class':this.options.className+'-tip','styles':{'position':'absolute','top':'0','le ft':'0','visibility':'hidden'}}).inject(document.b ody);this.wrapper=new Element('div').inject(this.toolTip);$$(elements).e ach(this.build,this);if(this.options.initialize)th is.options.initialize.call(this);}
... Line 8 of linked script Adress/media/system/js/mootools.js
function(){return(arguments[0]!==null&&this.initialize&&$type(this.initialize)== 'function')?this.initialize.apply(this,arguments): this;}
Line 2 of inline#1 script in Adress/index.php?option=com_content&view=article&id=34&It emid=11
function(){ var JTooltips = new Tips($$('.hasTip'), { maxTitleChars: 50, fixed: false}); }
... Line 21 of linked script Adress/media/system/js/mootools.js
function(){return fn.apply($pick(options.bind,fn),args);}
Line 21 of linked script Adress/media/system/js/mootools.js
else args=options.arguments||arguments;var returns=function(){return fn.apply($pick(options.bind,fn),args);};if(options .delay)return setTimeout(returns,options.delay);if(options.perio dical)return setInterval(returns,options.periodical);if(options .attempt)try{return returns();}catch(err){return false;};return returns();}
Line 50 of linked script Adress/media/system/js/mootools.js
function(fn){fn.create({'bind':this,'delay':delay, 'arguments':args})();}
... Line 209 of linked script Adress/templates/ksv/js/prototype.js
return __method.apply(object, args.concat($A(arguments)));
Line 595 of linked script Adress/templates/ksv/js/prototype.js
iterator(value, index++);
...
...
stacktrace: n/a; see 'opera:config#UserPrefs|Exceptions Have Stacktrace'

Wo "Adress" steht, steht eigentlich die Adresse http:// ... .de/

Apfelkuchen91

**CirTap** · 14.06.2009 17:08

Hi,
ich hab jezz nicht geschaut, welche Lightbox du nutzt, aber auch im FF funzt diese deine Version nicht.
Such dir einfach eine Variante, die mit Mootools geht und fertig, z.B.
http://www.digitalia.be/software/slimbox

CirTap

**Apfelkuchen91** · 14.06.2009 17:34

Ich bekomme es nicht hin, für mich wäre am einfachsten, wenn ich Lightbox zum laufen bekomme.

Wie muss ich das machen??

**Orpheus2510** · 14.06.2009 18:01

Da es sich dabei um ein Java-Script und nicht um eine spezielle Joomla-Erweiterung handelt, funktioniert es auch mit J1.5.11.

**Apfelkuchen91** · 14.06.2009 18:06

PHP-Code:


<?php

/**

 * @copyright    Copyright (C) 2005 - 2008 Open Source Matters. All rights reserved.

 * @license        GNU/GPL, see LICENSE.php

 * Joomla! is free software. This version may have been modified pursuant

 * to the GNU General Public License, and as distributed it includes or

 * is derivative of works licensed under the GNU General Public License or

 * other free or open source software licenses.

 * See COPYRIGHT.php for copyright notices and details.

 */



// no direct access

defined( '_JEXEC' ) or die( 'Restricted access' );

?>

<!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="<?php echo $this->language; ?>" lang="<?php echo $this->language; ?>" >

<head>

<jdoc:include type="head" />



<link rel="stylesheet" href="<?php echo $this->baseurl ?>/templates/system/css/system.css" type="text/css" />

<link rel="stylesheet" href="<?php echo $this->baseurl ?>/templates/system/css/general.css" type="text/css" />

<link rel="stylesheet" href="<?php echo $this->baseurl ?>/templates/ksv/css/template.css" type="text/css" />

<link rel="stylesheet" href="<?php echo $this->baseurl ?>/templates/ksv/css/<?php echo $this->params->get('colorVariation'); ?>.css" type="text/css" />

<link rel="stylesheet" href="<?php echo $this->baseurl ?>/templates/ksv/css/<?php echo $this->params->get('backgroundVariation'); ?>_bg.css" type="text/css" />

<!--[if lte IE 6]>

<link href="<?php echo $this->baseurl ?>/templates/<?php echo $this->template ?>/css/ieonly.css" rel="stylesheet" type="text/css" />

<![endif]-->

<?php if($this->direction == 'rtl') : ?>

    <link href="<?php echo $this->baseurl ?>/templates/ksv/css/template_rtl.css" rel="stylesheet" type="text/css" />

<?php endif; ?>



<!-- Lightbox -->

    <link rel="stylesheet" href="<?php echo $this->baseurl ?>/templates/ksv/css/lightbox.css" type="text/css" media="screen" />

    

    <script src="<?php echo $this->baseurl ?>/templates/ksv/js/prototype.js" type="text/javascript"></script>

    <script src="<?php echo $this->baseurl ?>/templates/ksv/js/scriptaculous.js?load=effects,builder" type="text/javascript"></script>

    <script src="<?php echo $this->baseurl ?>/templates/ksv/js/lightbox.js" type="text/javascript"></script>

sieht mein Code Unter tamplates aus, ist dort etwas falsch??

**CirTap** · 14.06.2009 18:12

das JavaScript Objekt der Lightbox bzw. von Prototype und script.aculo.us kollidieren mit den Objekten die Mootools erstellt/erweitert.
Mootools + Prototype vertragen sich nicht.

Hast du die Slimbox versucht? Sie funzt genauso wie die "original Lightbox", lediglich die JS Datei wird ausgetauscht und ist ggü. der Prototype-Version auch um ca 100kb. "leichter"!

Sei mutig! B)

CirTap

**Apfelkuchen91** · 14.06.2009 18:18

Ja, aber habe Probleme es zum laufen bekommen.

Wo finde ich die Datei und eine Anleitung??

Apfelkuchen91

**CirTap** · 15.06.2009 13:29

Wo finde ich die Datei und eine Anleitung??

Na über den Link, den ich dir schon gab:
http://www.digitalia.be/software/slimbox

Zunächst mal die Aufrufe von prototype.js und script.aculo.us aus dem Template rausmachen, denn die stören das Ganze schon.
Mootools sollte im Frontend eigentlich schon aktiv sein, dann packst du statt des jetzigen Aufrufs der "Lightbox" den Aufruf zur "Slimbox" rein. Wie das geht steht auf der o.g. Webseite, Abschnitt "Usage".

CirTap

**CirTap** · 15.06.2009 13:34

Ähh.. ml 'ne bescheidene Frage.
Ich seh grad, dass das hier eigentlich ein J! 1.0 Unterforum ist.
Reden wir jetzt von Joomla! 1.5 + Lightbox oder Joomla! 1.0 und Lightbox?
Im Falle von 1.5, frag mal 'nen Moderator, ob er das Thema dann entsprechend verschiebt um weitere Verwirrung zu vermeiden.

CirTap

**Apfelkuchen91** · 15.06.2009 13:37

Wie bekomme ich kontakt zum Admin oder Moterator? Es gehört nähmlich in eine andere Kategory.

Habe es installiert, aber es funktioniert nicht.

habe es unter meinem benüzenden Template installiert oder wohin muss ich es speichern.

HTML-Code:

 <script type="text/javascript" src="/media/system/js/mootools.js"></script>
  <script type="text/javascript" src="/media/system/js/caption.js"></script>
  <script type="text/javascript">
		window.addEvent('domready', function(){ var JTooltips = new Tips($$('.hasTip'), { maxTitleChars: 50, fixed: false}); });
  </script>

<!-- ------------------------------------------------------------------------------------------------------ -->

<link rel="stylesheet" href="/templates/system/css/system.css" type="text/css" />
<link rel="stylesheet" href="/templates/system/css/general.css" type="text/css" />
<link rel="stylesheet" href="/templates/ksv/css/template.css" type="text/css" />
<link rel="stylesheet" href="/templates/ksv/css/blue.css" type="text/css" />
<link rel="stylesheet" href="/templates/ksv/css/blue_bg.css" type="text/css" />
<!--[if lte IE 6]>
<link href="/templates/ksv/css/ieonly.css" rel="stylesheet" type="text/css" />
<![endif]-->

<!--slimbox-->
<script type="text/javascript" src="/templates/ksv/js/mootools.js"></script>
<script type="text/javascript" src="/templates/ksv/js/slimbox.js"></script>
<link rel="stylesheet" href="/templates/ksv/css/slimbox.css" type="text/css" media="screen" />

so sieht mein Kopf aus, wo bei ich nur weiß, wie ich alles unter dem geschrichteln ändern kann.

Apfelkuchen91

Thema: Lightbox, Joomla 1.5 und Opera und IE

LinkBack

Themen-Optionen

Thema durchsuchen

Anzeige

Lightbox, Joomla 1.5 und Opera und IE

Joomla 1.0 oder 1.5 ???

Lesezeichen

Lesezeichen

Berechtigungen