Avatar billede SPede Nybegynder
29. juli 2009 - 21:39 Der er 3 kommentarer og
1 løsning

null er 'null' eller ikke et objekt - typo3 og jquery

Hej eksperter

Jeg kan ikke få jquery til at virke med typo3. Ligemeget hvilken jquery kode jeg indsætter, kommer den samme fejl, Selv med standart kode, som jeg ved virker for sig selv.

Når den vedlagte kode køres, får jeg en fejlmeddelse i IE der siger: null er 'null' eller ikke et objekt linje 22, tegn 8.

Hvis jeg fjerner jquery delen, opstår der ingen fejl.
Hvis jeg kører jquery delen alene på en ren side, virker det fint.

Så der må jo være noget typo3 indsætter der konflikter med mit jquery.

Linie 22 er: $("a").click(function(event){


resten af koden er:


<!DOCTYPE html
    PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<html>
<head>
    <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />

<!--
    This website is powered by TYPO3 - inspiring people to share!
    TYPO3 is a free open source Content Management Framework initially created by Kasper Skaarhoj and licensed under GNU/GPL.
    TYPO3 is copyright 1998-2009 of Kasper Skaarhoj. Extensions are copyright of their respective owners.
    Information and contribution at http://typo3.com/ and http://typo3.org/
-->

    <base href"(fjernet)" />
    <link rel="stylesheet" type="text/css" href="typo3temp/stylesheet_c3ad6dc8fa.css" />

    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
    <link rel="StyleSheet" type="text/css" href="fileadmin/templates/teaser/teaser.css" />
    <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.3/jquery.min.js" type="text/javascript"></script>
    <script type="text/javascript">
    $(document).ready(function(){
      $("a").click(function(event){
        alert("As you can see, the link no longer took you to jquery.com");
        event.preventDefault();
      });
    });   
   
</script>
<link rel="stylesheet" href="typo3conf/ext/perfectlightbox/res/css/slightbox.css" type="text/css" media="screen,projection" /><script type="text/javascript" src="typo3conf/ext/perfectlightbox/res/js/prototype-packed.js"></script>
<script type="text/javascript" src="typo3conf/ext/perfectlightbox/res/js/scriptaculousEffects-packed.js?load=effects"></script><script type="text/javascript" src="typo3conf/ext/perfectlightbox/res/js/lightbox-packed.js"></script><script type="text/javascript">    var borderSize = 10;
    var resizeSpeed = 400;
    var animate = true;
    var overlayOpacity = 0.8;
    var allowSave = false;
    var enableSlideshowAutoplay = true;
    var slideshowAutoclose = true;
    var slideshowInterval = 5000;
    var lllImage = 'Billede';
    var lllOf = 'af';</script>
    <title>RB: Frontteaser</title>
    <meta name="generator" content="TYPO3 4.2 CMS" />
    <script type="text/javascript" src="typo3temp/javascript_0b12553063.js"></script>

</head>
<body>


    <div id="main">
        <div id="left"><!--TYPO3SEARCH_begin-->
    <!--  CONTENT ELEMENT, uid:1651/textpic [begin] -->
        <a id="c1651"></a>
        <!--  Header: [begin] -->
            <div class="csc-header csc-header-n1"><h1 class="csc-firstHeader">Velkommen</h1></div>
        <!--  Header: [end] -->
           
        <!--  Image block: [begin] -->
            <div class="csc-textpic csc-textpic-center csc-textpic-below"><div class="csc-textpic-text">
        <!--  Text: [begin] -->
            <p class="bodytext">RB byder velkommen til vores nye hjemmeside. </p>
        <!--  Text: [end] -->
            </div><div class="csc-textpic-imagewrap" style="width:445px;"><dl class="csc-textpic-image csc-textpic-firstcol csc-textpic-lastcol" style="width:445px;"><dt><a href="velkommen/"  ><img src="typo3temp/pics/f3d45cfcc4.jpg" width="445" height="300" border="0" align="top"  alt="" /></a></dt></dl></div></div><div class="csc-textpic-clear"><!-- --></div>
        <!--  Image block: [end] -->
           
    <!--  CONTENT ELEMENT, uid:1651/textpic [end] -->
        <!--TYPO3SEARCH_end--></div>   
        <div id="right"><!--TYPO3SEARCH_begin-->
    <!--  CONTENT ELEMENT, uid:1650/textpic [begin] -->
        <a id="c1650"></a>
        <!--  Header: [begin] -->
            <div class="csc-header csc-header-n1"><h1 class="csc-firstHeader">Åbningstider</h1></div>
        <!--  Header: [end] -->
           
        <!--  Image block: [begin] -->
            <div class="csc-textpic csc-textpic-center csc-textpic-below"><div class="csc-textpic-text">
        <!--  Text: [begin] -->
            <p class="bodytext">RBs åbningstider er:
</p>
<p class="bodytext">Mandag til fredag: 16-22
</p>
<p class="bodytext">Lørdag til søndag: 12-22
</p>
<p class="bodytext"> </p>
        <!--  Text: [end] -->
            </div><div class="csc-textpic-imagewrap" style="width:340px;"><dl class="csc-textpic-image csc-textpic-firstcol csc-textpic-lastcol" style="width:340px;"><dt><a href="aabningstider/"  ><img src="typo3temp/pics/347506e54b.jpg" width="340" height="300" border="0" align="top"  alt="" /></a></dt></dl></div></div><div class="csc-textpic-clear"><!-- --></div>
        <!--  Image block: [end] -->
           
    <!--  CONTENT ELEMENT, uid:1650/textpic [end] -->
        <!--TYPO3SEARCH_end--></div>
        <div id="bottom"><!--TYPO3SEARCH_begin-->
    <!--  CONTENT ELEMENT, uid:1652/list [begin] -->
        <a id="c1652"></a>
        <!--  Plugin inserted: [begin] -->
           
<div class="news-latest-container">
    <!--<h2>Seneste nyt:</h2>!-->
   
              <div class="news-latest-item"><hr class="clearer" />
                <h4><div id="newsHeader"><a href="nyheder/vis_nyheder/article/nyt-galleri/" title="Nyt galleri">Nyt galleri</a></div></h4>
                <span class="news-latest-date"><a href="nyheder/vis_nyheder/article/nyt-galleri/" title="Nyt galleri">16.07.09</a></span>
                <a href="nyheder/vis_nyheder/article/nyt-galleri/" title="Nyt galleri">Sed ante neque, porta at, congue vel, tristique gravida, dui. Sed elit purus, ullamcorper a, tempor...<!--!--></a>
               
                <div id="more"><a href="nyheder/vis_nyheder/article/nyt-galleri/" title="Nyt galleri">[Læs mere]</a></div>
                <!--<div class="news-latest-category"> Kat:  </div>!-->
               
              </div>

       
              <div class="news-latest-item"><hr class="clearer" />
                <h4><div id="newsHeader"><a href="nyheder/vis_nyheder/article/tulipanfest/" title="Tulipanfest">Tulipanfest</a></div></h4>
                <span class="news-latest-date"><a href="nyheder/vis_nyheder/article/tulipanfest/" title="Tulipanfest">16.07.09</a></span>
                <a href="nyheder/vis_nyheder/article/tulipanfest/" title="Tulipanfest">ectus, nec viverra wisi arcu vel leo. Nullam eleifend, elit ac faucibus pretium, wisi magna...<!--!--></a>
               
                <div id="more"><a href="nyheder/vis_nyheder/article/tulipanfest/" title="Tulipanfest">[Læs mere]</a></div>
                <!--<div class="news-latest-category"> Kat:  </div>!-->
               
              </div>

       
              <div class="news-latest-item"><hr class="clearer" />
                <h4><div id="newsHeader"><a href="nyheder/vis_nyheder/article/velkommen-ti/" title="Velkommen til vores nye hjemmeside">Velkommen til vores nye hjemmeside</a></div></h4>
                <span class="news-latest-date"><a href="nyheder/vis_nyheder/article/velkommen-ti/" title="Velkommen til vores nye hjemmeside">16.07.09</a></span>
                <a href="nyheder/vis_nyheder/article/velkommen-ti/" title="Velkommen til vores nye hjemmeside">Lorem ipsum dolor sit amet. Quisque orci sapien, pretium placerat, sagittis ut, eleifend eu,...<!--!--></a>
               
                <div id="more"><a href="nyheder/vis_nyheder/article/velkommen-ti/" title="Velkommen til vores nye hjemmeside">[Læs mere]</a></div>
                <!--<div class="news-latest-category"> Kat:  </div>!-->
               
              </div>

       
<div class="news-latest-gotoarchive"><!--Flere nyheder!--></div>
</div>

        <!--  Plugin inserted: [end] -->
           
    <!--  CONTENT ELEMENT, uid:1652/list [end] -->
       
    <!--  CONTENT ELEMENT, uid:1654/image [begin] -->
        <a id="c1654"></a>
        <!--  Image block: [begin] -->
            <div class="csc-textpic csc-textpic-left csc-textpic-above"><div class="csc-textpic-imagewrap"><dl class="csc-textpic-image csc-textpic-firstcol csc-textpic-lastcol" style="width:795px;"><dt><img src="typo3temp/pics/838924c7b4.gif" width="795" height="260" border="0" align="top"  alt="" /></dt></dl></div></div><div class="csc-textpic-clear"><!-- --></div>
        <!--  Image block: [end] -->
           
    <!--  CONTENT ELEMENT, uid:1654/image [end] -->
        <!--TYPO3SEARCH_end--></div>
    </div>

</body>
</html>
 


vh jonas...
Avatar billede jensgram Nybegynder
29. juli 2009 - 22:26 #1
Et bud:

Har du prøvet
jQuery.noConflict();

... og så $ -> jQuery

Måske der er en konflikt med din "perfectlightbox"!?
Avatar billede jensgram Nybegynder
29. juli 2009 - 22:27 #2
Avatar billede SPede Nybegynder
30. juli 2009 - 16:38 #3
Tak for det, nu virker det - Smid lige et svar, så får du point

Jeg brugte dette eksempel, altså en definition af var $j:

<html>
<head>
  <script src="prototype.js"></script>
  <script src="jquery.js"></script>
  <script>
    var $j = jQuery.noConflict();
   
    // Use jQuery via $j(...)
    $j(document).ready(function(){
      $j("div").hide();
    });
   
    // Use Prototype with $(...), etc.
    $('someid').hide();
  </script>
</head>
<body></body>
</html>
Avatar billede jensgram Nybegynder
31. juli 2009 - 08:22 #4
Præcis!
Avatar billede Ny bruger Nybegynder

Din løsning...

Tilladte BB-code-tags: [b]fed[/b] [i]kursiv[/i] [u]understreget[/u] Web- og emailadresser omdannes automatisk til links. Der sættes "nofollow" på alle links.

Loading billede Opret Preview
Kategori
Kurser inden for grundlæggende programmering

Log ind eller opret profil

Hov!

For at kunne deltage på Computerworld Eksperten skal du være logget ind.

Det er heldigvis nemt at oprette en bruger: Det tager to minutter og du kan vælge at bruge enten e-mail, Facebook eller Google som login.

Du kan også logge ind via nedenstående tjenester