Javascript macht nicht das, was es soll [PHP & Javascript]

IntelligenT · 28. Januar 2013

Guten Tag,

Meine Javascriptfunktion macht nicht das, was sie soll.
Also es soll so sein:
Wenn man auf "Mehr anzeigen" klickt, sollen die Infos zu allen Charakteren angezeigt werden. Nur irgendwie wird im Moment nur eine Info angezeigt

Javascriptfunktion:

PHP

<script charset="utf-8">
	function ShowCharakterInfo()
	{
		var div = document.getElementById('CharakterInfo');
		if (div.style.display == 'none') 
		{
			div.style.display = 'block';
			document.getElementById("CharakterText").innerHTML = "Weniger anzeigen";
		}
		else 
		{
			div.style.display = 'none';
			document.getElementById("CharakterText").innerHTML = "Mehr anzeigen";
		}
	}
</script>

Alles anzeigen

In meinem Fall habe ich es nun in der PHP Datei bei WBB so:

PHP

{foreach from=$charaktere item=charakter}
<li class="{cycle values='container-1,container-2'}">
<a><img src="http://www.village-rp.de/wcf/icon/registerM.png" alt="Charakter" /><label class="smallFont">Charakter</label> <span>{@$charakter.Name}</span>
<div id="CharakterInfo" style="display:none;">
<label class="smallFont">Geld</label> <span>${@$charakter.Geld}</span>
<label class="smallFont">Alter</label> <span>{@$charakter.Alterr} Jahre</span>
<label class="smallFont">Coins</label> <span>{@$charakter.Coins} Coins</span>
</div>
</a>
</li>
{/foreach}
<a href="javascript:ShowCharakterInfo()" id="CharakterText">Mehr anzeigen</a>

Alles anzeigen

Nur warum zeigt er nur eine Info an
Kann mir jemand sagen, wo mein Fehler ist ?

MfG.
Me

++Thread wurde von BlackAce erlaubt wenn jemand meint es ist eine WBB Frage++

xGreekz7x · 28. Januar 2013

Lol du hast es in der PHP so?

HTML

{foreach from=$charaktere item=charakter}
<li class="{cycle values='container-1,container-2'}">
<a><img src="http://www.village-rp.de/wcf/icon/registerM.png" alt="Charakter" /><label class="smallFont">Charakter</label> <span>{@$charakter.Name}</span>
<div id="CharakterInfo" style="display:none;">
<label class="smallFont">Geld</label> <span>${@$charakter.Geld}</span>
<label class="smallFont">Alter</label> <span>{@$charakter.Alterr} Jahre</span>
<label class="smallFont">Coins</label> <span>{@$charakter.Coins} Coins</span>
</div>
</a>
</li>
{/foreach}
<a href="javascript:ShowCharakterInfo()" id="CharakterText">Mehr anzeigen</a>

Alles anzeigen

Probiere es mal so aus:

Code

<a href="javascript:ShowCharakterInfo();" id="CharakterText">Mehr anzeigen</a>

bzw:

Code

<a href="#" onclick="ShowCharakterInfo();" id="CharakterText">Mehr anzeigen</a>

IntelligenT · 28. Januar 2013

Überall dasselbe Ergenis.
Bei dem ersten ist es wie vorher auch, beim zweiten scrolle ich nach oben an die Seite und es wird ebenfalls nicht mehr angezeigt.

##edit ich denke es liegt an dem "getElementsById" aber wie heißt es denn anders ?

xGreekz7x · 28. Januar 2013

Probier mal dies hier, in verbindung mit meinen zwei oben gennanten möglichkeiten

HTML

<script type="text/javascript">
//<![CDATA[
	var showedCharInfo = 0;
    function ShowCharakterInfo()
    {
        var char = document.getElementById('CharakterInfo');
        if (showedCharInfo == 0) 
        {
			char.style.display = "block";
			showedCharInfo = 1;
            document.getElementById("CharakterText").innerHTML = "Weniger anzeigen";
        }
        else 
        {
			char.style.display = "none";
			showedCharInfo = 0;
            document.getElementById("CharakterText").innerHTML = "Mehr anzeigen";
        }
    }
//]]>
</script>

Alles anzeigen

Bosti · 28. Januar 2013

Könntest du vielleicht mal einen Link zur Seite posten? Dann kann man da mal selbst in den Code gucken und bisschen ausprobieren via Firebug,

IntelligenT · 28. Januar 2013

Zitat von Bosti

Könntest du vielleicht mal einen Link zur Seite posten? Dann kann man da mal selbst in den Code gucken und bisschen ausprobieren via Firebug,

http://www.village-rp.de/index.php?page=User&userID=2

xGreekz7x · 28. Januar 2013

~~Also bei mir gehts~~
//edit faiiiil.
//edit:
Hier:

HTML

{foreach from=$charaktere item=charakter key=k}
<li class="{cycle values='container-1,container-2'}">
<a><img src="http://www.village-rp.de/wcf/icon/registerM.png" alt="Charakter" /><label class="smallFont">Charakter</label> <span>{@$charakter.Name}</span>
<div id="CharakterInfo{$k}" style="display:none;">
<label class="smallFont">Geld</label> <span>${@$charakter.Geld}</span>
<label class="smallFont">Alter</label> <span>{@$charakter.Alterr} Jahre</span>
<label class="smallFont">Coins</label> <span>{@$charakter.Coins} Coins</span>
</div>
</a>
</li>
{/foreach}
<a href="javascript:ShowCharakterInfo();" id="CharakterText">Mehr anzeigen</a>

Alles anzeigen

Hier der Javascript Code:

HTML

<script type="text/javascript">
    var showedCharInfo = 0;
    function ShowCharakterInfo()
    {
        var char = document.getElementById('CharakterInfo0');
        var char2 = document.getElementById('CharakterInfo1');
        var char3 = document.getElementById('CharakterInfo2');
        if (showedCharInfo == 0) 
        {
	    char.style.display = "block";
	    char2.style.display = "block";
	    char3.style.display = "block";


	    showedCharInfo = 1;
            document.getElementById("CharakterText").innerHTML = "Weniger anzeigen";
        }
        else 
        {
	    char.style.display = "none";
	    char2.style.display = "none";
	    char3.style.display = "none";


	    showedCharInfo = 0;
            document.getElementById("CharakterText").innerHTML = "Mehr anzeigen";
        }
    }
</script>

Alles anzeigen

Sollte so gehen glaube ich

IntelligenT · 28. Januar 2013

Liegt das an mir oder zeigt er jetzt garnichts mehr an ?

xGreekz7x · 28. Januar 2013

du hast:
var showedCharInfo = 0; vergessen soweit ich das sehen kann im quellcode.

//edit und du musst diese hier umbennen: function ShowCharakterInfo-alt

IntelligenT · 28. Januar 2013

Habs nun nochmal genauso eingefügt wie du es geschrieben hast. Geht nicht

##edit

die -alt ist die alte wo eine angezeigt wurde, nur damit sie nicht weg kommt.

##edit ah nun gehts Danke Greekz. Lag an dem -alt nun gehts. Danke

Bosti · 28. Januar 2013

Problem war dann wohl das ein Name für ein Div nur einmal verwendet werden darf. Class darf auch mehrfach verwendet werden, aber ka ob sich das problemlos per Javascript ansprechen lässt.

breadfish.de 11. März 2022