Oprettet ons. d. 29. juli 2009 kl. 21:39:58

SPede
SPede (5.345 point. Point ude: 40)

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/ (...)
-->

    <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/ (...) 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...

Skrevet ons. d. 29. juli 2009 kl. 22:26:39| #1

jensgram
jensgram (39.129 point)
www.jensgram.dk
Et bud:

Har du prøvet
jQuery.noConflict();

... og så $ -> jQuery

Måske der er en konflikt med din "perfectlightbox"!?

Skrevet ons. d. 29. juli 2009 kl. 22:27:50| #2


Skrevet tor. d. 30. juli 2009 kl. 16:38:31| #3

SPede
SPede (5.345 point)
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>

Skrevet fre. d. 31. juli 2009 kl. 08:22:15| #4


Skriv et indlæg




Tilladte BB-code-tags: [b]fed[/b] [i]kursiv[/i] [u]understreget[/u] [img]link til billede[/img]
Web- og emailadresser omdannes automatisk til links

Log ind

   

   

Seneste spørgsmål

html validering ?????

Oprettet den 14. maj 2012 kl. 17.10
bigtime giver 30 point for svar | Giv et svar »

Powershell script til tjekke foldere.

Oprettet den 14. maj 2012 kl. 15.35
Dangerjoe giver 200 point for svar | Giv et svar »

AS3 - returner en liste med alle variabler i et object...

Oprettet den 5. maj 2012 kl. 15.08
linnegaard giver 30 point for svar | Giv et svar »



   




Tips & Tricks fra PC World

Teaser billede

Læserne: Her er vores værste it-indkøb

Det er ikke al it-udstyr, som er det rene guld. Her er nogle af læsernes skrækhistorier.


Anmeldelser fra PC World

Teaser billede

Test: Mobil med Ferrari-design - og en Trabant-motor

Motorola har begået endnu en smartphone med lækkert design og potentiale til at være blandt de bedste. Men den når ikke i mål. Se her hvorfor.


Seneste blogindlæg

Teaser billede

Tvangslukke spørgsmål: Hvad er den bedste løsning?

Hej Vi har mange åbne spørgsmål på Eksperten. Vi ville gerne tvangslukke dem - så et spørgsmål efter f.eks. 6 måneder lukkes. Men der er et par uklarheder som ville være gode at få lidt input til:...


Nyheder fra PC World

Teaser billede

Sådan siger du farvel til Facebook

Læs her, hvordan du dropper Facebook og i stedet anvender nogle brugervenlige alternativer, så du stadig kan være social på nettet.


Nyheder fra Computerworld

Teaser billede

Galleri: De fedeste håndholdte gennem 40 år

Her har du de mest banebrydende håndholdte computere gennem alle tider.


Kurser
Samarbejdspartnere

Udgiver · © 2012 IDG Danmark A/S · Hørkær 18 · 2730 Herlev · Tlf.: 77 300 300 · Fax: 77 300 301 · Brug af personoplysninger