[JavaScript] 2 Javascripts gleichzeitig

Dieses Thema im Forum "Webentwicklung" wurde erstellt von Shneezin, 16. Januar 2011 .

Status des Themas:
Es sind keine weiteren Antworten möglich.
  1. 16. Januar 2011
    2 Javascripts gleichzeitig

    Halloo,

    für das Problem wurde zwar bereits in vielen Foren nach Hilfe gesucht, aber nach meiner langen Suche habe ich immernoch keine Lösung für meine Scripte gefunden.

    Es geht darum, dass ich zwei Javascripts gleichzeitig auf einer Seite laufen lassen möchte - die sich allerdings gegenseitig stören. Somit funktioniert immer nur eins der beiden.

    Wäre nett, wenn mir da kurz jemand sagt wo ich was ändern muss.

    Nummer 1:

    Code:
    <script type="text/javascript" src="jquery.min.js"></script>
    <script type="text/javascript">
    //<![CDATA[
    $(document).ready(function() {
    
     //When page loads...
     $(".tab_content").hide(); //Hide all content
     $("ul.tabs li:first").addClass("active").show(); //Activate first tab
     $(".tab_content:first").show(); //Show first tab content
    
     //On Click Event
     $("ul.tabs li").click(function() {
    
     $("ul.tabs li").removeClass("active"); //Remove any "active" class
     $(this).addClass("active"); //Add "active" class to selected tab
     $(".tab_content").hide(); //Hide all tab content
    
     var activeTab = $(this).find("a").attr("href"); //Find the href attribute value to identify the active tab + content
     $(activeTab).fadeIn(); //Fade in the active ID content
     return false;
     });
    
    });
    //]]>
    </script> 
    Und Nummer 2:

    Code:
    <script type="text/javascript" src="js/mootools.js"></script>
    <script type="text/javascript" src="js/slideshow.js"></script>
    <script type="text/javascript">
    //<![CDATA[
    window.addEvent('domready', function(){
    var data = {
    '1075.jpg': { caption: 'Text.' },
    '1076.jpg': { caption: 'Text.' },
    '1077.jpg': { caption: 'Text.' }
    };
    var myShow = new Slideshow('show', data, {controller: true, height: 300, hu: 'images/', thumbnails: true, width: 400});
    });
    //]]>
    </script>
    Ich muss dazu sagen, dass ich nicht besonders viel Ahnung von Javascript habe.

    Grüße,
    Shneezin
     
  2. 16. Januar 2011
    AW: 2 Javascripts gleichzeitig

    Hast du schonmal versucht ganz einfach den Aufruf der Slideshow in das $(document).ready(); von jQuery zu packen?
    Denn die ready() Funktion von jQuery und das addEvent('domready', ..) machen afaik vom Prinzip her das gleiche..
    Oder inwiefern stören sich die beiden..
    Wenn du es nicht hinbekommst, ist es vllt ganz praktisch, wenn du die Slideshow die du verwendest mal hochlädst..
    Bzw. deine ganze Seite..

    MfG
     
  3. 16. Januar 2011
    AW: 2 Javascripts gleichzeitig

    Im Grunde sind es sogar 5 Scripts oder eben Scriptteile. Oben sind es 2 die miteinander kompatibel sein müssten, und unten sind es 3.

    Die Dateien jquery.min.js, mootools.js und slideshow.js haben nämlich ebenso JavaScript Code drin und könnten den Fehler beinhalten oder den Grund, warum die sich gegenseitig stören.

    Du kannst die Dateien mit einem Texteditor öffnen, um an den Code zu gelangen.

    Edit:
    Hast du ausserdem beachtet, dass jquery.min.js sich im selben Verzeichnis befinden muss, wie die Seite, aus der du diesen Code hast?
    Wogegen die anderen zwei sich im Unterverzeichnis "js" befinden müssen.

    Sobald man die jquery.min.js ebenso in diesen "js" Ordner verschiebt, dann würde es ein Problem verursachen.
     
  4. 16. Januar 2011
    AW: 2 Javascripts gleichzeitig

    Okay danke für die Hilfe.

    Die Lösung war, die .js Dateien ineinenader zu integrieren oder so änlich.^^ Hat ein Scriptler nun für mich erledigt.

    Grüße
     
  5. Video Script

    Videos zum Themenbereich

    * gefundene Videos auf YouTube, anhand der Überschrift.