Wie kann jeder seine eigene Funktion bekommen?

[contenidoAmateur]

Also ich habe Artikel mit einer Artikelliste ausgegeben, bei mouseover wird der Divcontainer aufgeklappt. So problem ist nur, wenn ich z.B. 5 Div Container über diese Artikelliste hab erzeugen lassen und ich bei einem mouseover gehe gehen alle auf, was ja verständlich ist, da ich bin dem Script eine Class anspreche die sich dann immer wiederholt.

Gibt es da eine Möglichkeit?

Jedem eine eigene funktion zu geben?

das ist das javaScript:

Code: Alles auswählen

function tutzuklappen()	{
	setTimeout(function(){$('.wrapperTutContent').hide('slow')},6000); 
}

Das das Template:

Code: Alles auswählen

<br>
<div class="TutorialWrapper">
<div class="articlelistPagecounter">{PAGEBROWSINGTYPE03}</div>
<!-- BEGIN:BLOCK -->
<div class="articlelistItem">

	<div class="headTutObjekt" onmouseout="tutzuklappen()" onmouseover="$('.wrapperTutContent').show('slow');">
		<small><span class="articlelistDateTut">{DATE}</span></small>
		<div class="articlelistHeadlineTut"><a class="articlelistHeadlineTut" href="{PAGELINK}" title="{HEADLINE}">{HEADLINE}</a></div>
	</div>
  
    <div id="wrapperTutContent" class="wrapperTutContent">
	    <div class="tutImg">{IMG_1}</div>
	    <div class="articlelistContentTut">
		    <div class="articlelistContentTut">{TEXT_0}</div>
		    <div class="articlelistMoreTut"><a href="{PAGELINK}" title="{MORE}">{MORE}...</a></div>
	    </div>
    </div>
	
	<div class="footerTutObjekt"></div>
  
</div>
<br><br>
<!-- END:BLOCK -->
<div class="articlelistNavigation">{PAGEBROWSINGTYPE05}</div>
</div>

Dankeschön:)

PS: Ich weis einfach mal darauf hin, dass ich etwas unter Jobs gestellt habe

[Spider IT]

Du brauchst nicht pro DIV eine eigene Funktion, sondern kannst jedes DIV eine ID mitgeben:

Code: Alles auswählen

   <div class="headTutObjekt" onmouseout="tutzuklappen({ID})" onmouseover="$('#wrapperTutContent{ID}').show('slow');">
      <small><span class="articlelistDateTut">{DATE}</span></small>
      <div class="articlelistHeadlineTut"><a class="articlelistHeadlineTut" href="{PAGELINK}" title="{HEADLINE}">{HEADLINE}</a></div>
   </div>
 
    <div id="wrapperTutContent{ID}" class="wrapperTutContent">

Code: Alles auswählen

$oTpl->set('d', 'ID', $oArt->getField('idart'));

(Modulcode muss evtl. angepasst werden).
Dann kannst du immer die ID ansprechen um die Boxen individuell zu öffnen:

Code: Alles auswählen

function tutzuklappen(ID)   {
   setTimeout(function(){$('#wrapperTutContent' + ID).hide('slow')},6000);
}

Für die Formatierung per Stylesheet ist dann die gemeinsame Klasse zuständig.

Gruß
René

PS: Ein ID darf nur einmal vorkommen, muss also eindeutig sein.
In deinem Code ist das ID für alle Boxen aber gleich.

[contenidoAmateur]

Schon klar ich möchte aber das jedes seine eigene Funktion hat. Da sich das problem ergibt was du auf der Seite die in der PN liegt die ich dir schicke Die gehen alle auf was ja auch logisch ist wenn die funktion eine id oder class anspricht die jedes div hat und das möchte ich ja net wenn ich bei einem Div mouseover mache soll auch nur das aufgehen

[Spider IT]

Vielleicht hast du nicht richtig gelesen?
Eine ID MUSS eindeutig sein, was ich dadurch erreicht habe, dass die idart des jeweiligen Artikel darin enthalten ist.
Diese ID (die idart) wird auch an den Funktionen übergeben, wodurch diese dann nur das entsprechende DIV ansprechen können.

Gruß
René

[contenidoAmateur]

s. PN bekomme folgende Fehlermeldung.

Was muss evtl. denn noch angepasst werden?

Danke

[Spider IT]

Wie schon per PN, $oArt und $oTpl heissen wahrscheinlich anders ($art, $article, $oArticle statt $oArt, $tpl oder $Tpl statt $oTpl).

Gruß
René