ilch Forum » Ilch Clan 1.1 » Fehlersuche und Probleme » jQuery

Geschlossen
  1. Do. 17.02.2011 21:26 Uhr #1
    User Pic
    Scander Mitglied
    Registriert seit
    03.02.2011
    Beiträge
    23
    Beitragswertungen
    0 Beitragspunkte
    Guten Tag

    Ich habe ein Problem, und zwar funktioniert auf meiner Clanseite die Teamliste nicht mehr.
    Ich wollte die Funktion von jQuery nutzen externer Link . Habe zuerst die "jQuery + jQuery UI Base 1.0" draufgepackt. Danach musste ich doch nur noch "jQuery Teamansicht | Cover Slider 1.1" draufpacken... Habe laut ReadMe den ersten code in die index.htm, den zweiten code in die CSS und den dritten code in die init.php gesetzt.

    Ist das so weit richtig? Oder habe ich da nun alles falsch verstanden? xD


    Hier ist die Seite, wo ich diese Einbinden wollte: [url]www.RM-Clan.de[/url] Einfach oben auf "ClanSection/Members" klicken.


    Mit freundlichem Gruß
    Scander


    verwendete ilchClan Version: 1.1

    betroffene Homepage: externer Link
    0 Mitglieder finden den Beitrag gut.
  2. Do. 17.02.2011 22:33 Uhr #2
    User Pic
    kdl Mitglied
    Registriert seit
    21.08.2010
    Beiträge
    333
    Beitragswertungen
    62 Beitragspunkte
    Sehr komisch. Als wir das getestet hatten, ging alles...
    Auf jeden Fall hast du zwei Fehler-Meldungen, die davon kommen, dass zwei Bilder nicht gefunden wurden. Ob der Anzeige-Fehler nun damit zusammen hängt, kann ich dir im Moment aber nicht sagen.
    Werde mir das gleich genauer angucken...

    Edit: Problem gefunden:
    Du hast 
    <style type="text/css">
.boxgrid{ 
width: 128px;
height: 167px;
margin:10px;
float:left;
background:#161613;
border: solid 0px #8399AF;
overflow: hidden;
position: relative;
}
.boxgrid img{
position: absolute;
top: 0;
left: 0;
border: 0;
}
.boxgrid p{
padding: 0 10px;
color:#afafaf;
font-weight:bold;
font:10pt "Lucida Grande", Arial, sans-serif;
}
.boxcaption{
color:#afafaf;
float: left;
position: absolute;
background: #000;
height: 100px;
width: 100%;
opacity: .8;
/* For IE 5-7 */
filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=80);
/* For IE 8 */
-MS-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
}
.cover {
top: 167;
left: 0;
}
</style>


Javascript (jQuery):
<script type="text/javascript">
$(document).ready(function(){
//Full Caption Sliding (Hidden to Visible)
$(".cover").css("top", "167px");
$('.boxgrid.captionfull').hover(function(){
$(".cover", this).stop(true, true).animate({top:'71px'},160);
}, function() {
$(".cover", this).stop(true, true).animate({top:'167px'},160);
});
});
</script>

    komplett in die style.css kopiert. Das ist falsch.
    Lösche mal bitte die beiden style-Tags am Anfang und am Ende. Kopier dann 
    <script type="text/javascript">
$(document).ready(function(){
//Full Caption Sliding (Hidden to Visible)
$(".cover").css("top", "167px");
$('.boxgrid.captionfull').hover(function(){
$(".cover", this).stop(true, true).animate({top:'71px'},160);
}, function() {
$(".cover", this).stop(true, true).animate({top:'167px'},160);
});
});
</script>

    aus der Datei raus in die index.htm deines Designs.
    Am Ende sollte in der css-Datei nur noch folgendes stehen: 
    .boxgrid{ 
width: 128px;
height: 167px;
margin:10px;
float:left;
background:#161613;
border: solid 0px #8399AF;
overflow: hidden;
position: relative;
}
.boxgrid img{
position: absolute;
top: 0;
left: 0;
border: 0;
}
.boxgrid p{
padding: 0 10px;
color:#afafaf;
font-weight:bold;
font:10pt "Lucida Grande", Arial, sans-serif;
}
.boxcaption{
color:#afafaf;
float: left;
position: absolute;
background: #000;
height: 100px;
width: 100%;
opacity: .8;
/* For IE 5-7 */
filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=80);
/* For IE 8 */
-MS-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
}
.cover {
top: 167;
left: 0;
}



    Zuletzt modifiziert von kdl am 17.02.2011 - 22:47:49
    .
    0 Mitglieder finden den Beitrag gut.
  3. Do. 17.02.2011 22:44 Uhr #3
    User Pic
    Mairu Coder
    Registriert seit
    16.06.2006
    Beiträge
    15.334
    Beitragswertungen
    386 Beitragspunkte
    Er hat auch noch einen Javascriptfehler von einer Countdownbox, die Teil des Problems sein könnte (weil kein War eingetragen ist bzw. das Module schlecht geschrieben ist.)
    Und auch immer mal ein Blick auf die FAQ werfen. | Mairus Ilchseite
    0 Mitglieder finden den Beitrag gut.
  4. Fr. 18.02.2011 13:41 Uhr #4
    User Pic
    Scander Mitglied
    Registriert seit
    03.02.2011
    Beiträge
    23
    Beitragswertungen
    0 Beitragspunkte
    Joa das sieht schonmal besser aus^^

    Nur da ist irgendwie noch ein Fehler. Schaut am besten selber, ich glaube da brauche ich nicht großartig was erklären^^
    0 Mitglieder finden den Beitrag gut.
  5. Fr. 18.02.2011 14:12 Uhr #5
    User Pic
    kdl Mitglied
    Registriert seit
    21.08.2010
    Beiträge
    333
    Beitragswertungen
    62 Beitragspunkte
    du hast das jQuery-Modul wieder raus genommen, kann das sein?
    .
    0 Mitglieder finden den Beitrag gut.
  6. Fr. 18.02.2011 15:10 Uhr #6
    User Pic
    Scander Mitglied
    Registriert seit
    03.02.2011
    Beiträge
    23
    Beitragswertungen
    0 Beitragspunkte
    mmmh ne... eigentlich nicht.

    Den Code für den jQuery-Modul lautet:
    ZitatZitat
    <script charset="utf-8" type="text/javascript" src="include/includes/jquery/jquery-1.4.4.min.js"></script>
    <script charset="utf-8" type="text/javascript" src="include/includes/jquery/jquery-ui-1.8.6.custom.min.js"></script>
    <link charset="utf-8" media="screen" type="text/css" href="include/includes/jquery/ui-lightness/jquery-ui-1.8.6.custom.css" rel="stylesheet" />[/code]


    Den habe ich in der index.htm direkt vor </head> gesetzt. Das sieht dann ja so aus:

    ZitatZitat
    if (hidemenu_onclick=="yes")
    document.onclick=hidemenu

    </script>
    <script type="text/javascript">
    $(document).ready(function(){
    //Full Caption Sliding (Hidden to Visible)
    $(".cover").css("top", "167px");
    $('.boxgrid.captionfull').hover(function(){
    $(".cover", this).stop(true, true).animate({top:'71px'},160);
    }, function() {
    $(".cover", this).stop(true, true).animate({top:'167px'},160);
    });
    });
    </script>
    [b] <script charset="utf-8" type="text/javascript" src="include/includes/jquery/jquery-1.4.4.min.js"></script>
    <script charset="utf-8" type="text/javascript" src="include/includes/jquery/jquery-ui-1.8.6.custom.min.js"></script>
    <link charset="utf-8" media="screen" type="text/css" href="include/includes/jquery/ui-lightness/jquery-ui-1.8.6.custom.css" rel="stylesheet" />
    </head>



    Zuletzt modifiziert von Scander am 18.02.2011 - 15:14:24
    0 Mitglieder finden den Beitrag gut.
  7. Fr. 18.02.2011 15:27 Uhr #7
    User Pic
    kdl Mitglied
    Registriert seit
    21.08.2010
    Beiträge
    333
    Beitragswertungen
    62 Beitragspunkte
    -.- Das habe ich nicht gesehen.
    Versuche mal 
    <script type="text/javascript"> 
$(document).ready(function(){ 
//Full Caption Sliding (Hidden to Visible) 
$(".cover").css("top", "167px"); 
$('.boxgrid.captionfull').hover(function(){ 
$(".cover", this).stop(true, true).animate({top:'71px'},160); 
}, function() { 
$(".cover", this).stop(true, true).animate({top:'167px'},160); 
}); 
}); 
</script>

    unter die 3 jquery Zeilen zu setzen.
    Ansonsten hast du in Zeile 8 bei 
    <script type="text/javascript" src="include/designs/mar_BlackSolution/flash/js/swfobject/swfobject.js">

    das </script> vergessen, kann das ein?
    .
    0 Mitglieder finden den Beitrag gut.
  8. Fr. 18.02.2011 16:53 Uhr #8
    User Pic
    Scander Mitglied
    Registriert seit
    03.02.2011
    Beiträge
    23
    Beitragswertungen
    0 Beitragspunkte
    Jetzt weiss ich nicht mehr was du meinst^^ Ich lade mal ein paar Zeilen hoch wo der code vom jquery vorhanden ist.

    Dies ist jetzt aus der index.htm 
    }

function clearhidemenu(){
if (typeof delayhide!="undefined")
clearTimeout(delayhide)
}

if (hidemenu_onclick=="yes")
document.onclick=hidemenu

</script>
<script type="text/javascript"> 
$(document).ready(function(){ 
//Full Caption Sliding (Hidden to Visible) 
$(".cover").css("top", "167px"); 
$('.boxgrid.captionfull').hover(function(){ 
$(".cover", this).stop(true, true).animate({top:'71px'},160); 
}, function() { 
$(".cover", this).stop(true, true).animate({top:'167px'},160); 
}); 
}); 
</script>
	<script charset="utf-8" type="text/javascript" src="include/includes/jquery/jquery-1.4.4.min.js"></script>
	<script charset="utf-8" type="text/javascript" src="include/includes/jquery/jquery-ui-1.8.6.custom.min.js"></script>
	<link charset="utf-8" media="screen" type="text/css" href="include/includes/jquery/ui-lightness/jquery-ui-1.8.6.custom.css" rel="stylesheet" />
</head>
...


    Und das hier ist aus der bsstyle.css 
    .boxgrid{ 
width: 128px; 
height: 167px; 
margin:10px; 
float:left; 
background:#161613; 
border: solid 0px #8399AF; 
overflow: hidden; 
position: relative; 
} 
.boxgrid img{ 
position: absolute; 
top: 0; 
left: 0; 
border: 0; 
} 
.boxgrid p{ 
padding: 0 10px; 
color:#afafaf; 
font-weight:bold; 
font:10pt "Lucida Grande", Arial, sans-serif; 
} 
.boxcaption{ 
color:#afafaf; 
float: left; 
position: absolute; 
background: #000; 
height: 100px; 
width: 100%; 
opacity: .8; 
/* For IE 5-7 */ 
filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=80); 
/* For IE 8 */ 
-MS-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)"; 
} 
.cover { 
top: 167; 
left: 0; 
}

#a6 { position:relative; top:5px; left:903px;}
#a7 { position:relative; top:21px; left:225px;}
#a8 { position:relative; top:21px; left:355px;}
...



    Zuletzt modifiziert von Scander am 18.02.2011 - 16:55:03
    0 Mitglieder finden den Beitrag gut.
  9. Fr. 18.02.2011 17:06 Uhr #9
    User Pic
    kdl Mitglied
    Registriert seit
    21.08.2010
    Beiträge
    333
    Beitragswertungen
    62 Beitragspunkte
    <script type="text/javascript">
$(document).ready(function(){
//Full Caption Sliding (Hidden to Visible)
$(".cover").css("top", "167px");
$('.boxgrid.captionfull').hover(function(){
$(".cover", this).stop(true, true).animate({top:'71px'},160);
}, function() {
$(".cover", this).stop(true, true).animate({top:'167px'},160);
});
});
</script>
    <script charset="utf-8" type="text/javascript" src="include/includes/jquery/jquery-1.4.4.min.js"></script>
    <script charset="utf-8" type="text/javascript" src="include/includes/jquery/jquery-ui-1.8.6.custom.min.js"></script>
    <link charset="utf-8" media="screen" type="text/css" href="include/includes/jquery/ui-lightness/jquery-ui-1.8.6.custom.css" rel="stylesheet" />

    in 
    <script charset="utf-8" type="text/javascript" src="include/includes/jquery/jquery-1.4.4.min.js"></script>
    <script charset="utf-8" type="text/javascript" src="include/includes/jquery/jquery-ui-1.8.6.custom.min.js"></script>
    <link charset="utf-8" media="screen" type="text/css" href="include/includes/jquery/ui-lightness/jquery-ui-1.8.6.custom.css" rel="stylesheet" />
<script type="text/javascript">
$(document).ready(function(){
//Full Caption Sliding (Hidden to Visible)
$(".cover").css("top", "167px");
$('.boxgrid.captionfull').hover(function(){
$(".cover", this).stop(true, true).animate({top:'71px'},160);
}, function() {
$(".cover", this).stop(true, true).animate({top:'167px'},160);
});
});
</script>
    .
    0 Mitglieder finden den Beitrag gut.
  10. Fr. 18.02.2011 17:22 Uhr #10
    User Pic
    Scander Mitglied
    Registriert seit
    03.02.2011
    Beiträge
    23
    Beitragswertungen
    0 Beitragspunkte
    Ja super ;-)

    Jetzt funktioniert alles soweit
    Besten dank für die schnelle Hilfe ;-)

    Mit freundlichem Gruß
    Scander
    0 Mitglieder finden den Beitrag gut.
Geschlossen

Zurück zu Fehlersuche und Probleme

Optionen: Bei einer Antwort zu diesem Thema eine eMail erhalten