Hide tumblr posts

Question

Hide tumblr posts

Navigation

#1 by (1 votes)

-2

I've made a pro tumblr theme, and what I wanted to do is make 3 fixed buttons available at the top of the screen: all (show all posts), text (only texts) and images (images only).

I've already managed to do something, but the problem is that it only works on the first post, since the page is in infinite loading. I wanted help to do that. I'm going to rebuild what I did and put the code later, but does anyone think it's possible?

<script type="text/javascript" charset="utf-8">
function control(mostra) {
    if(mostra == "all"){
        document.getElementsByClassName("image").style.display="block";
        document.getElementsByClassName("text").style.display="block";
    }else if(mostra == "image"){
        document.getElementsByClassName("image").style.display="block";
        document.getElementsByClassName("text").style.display="none";
    }else{
        document.getElementsByClassName("image").style.display="none";
        document.getElementsByClassName("text").style.display="block";
    }
}
</script>

and the buttons:

<input id="tudo" type="button" value="All" onclick=control("all") />
<input id="imagem" type="button" value="Image" onclick=control("image") />
<input id="texto" type="button" value="Text" onclick=control("text") />

here the posts block:

<div id="posts">
{block:Posts}
    <div class="text">
        {block:Text}{block:Title}<h1>{Title}</h1>{/block:Title}{Body}{/block:Text}

        {block:Quote}
            <div id="postquote">“{Quote}”</div><br>
            {block:Source}<div id="sourcequote"> — {Source}</div>{/block:Source}
        {/block:Quote}

        {block:Link}<a href="{URL}"><h1>{Name}</h1></a>
        {block:Description}<p>{Description}</p>{/block:Description}{/block:Link}
        {block:Chat}<ul class="chat">{block:Lines}<li class="user_{UserNumber}">{block:Label}<span class="label">{Label}</span>{/block:Label}&nbsp;{Line}</li>{/block:Lines}</ul>{/block:Chat}

        {block:Answer}
        <table width="500px" cellspacing="0" cellpadding="0">
        <tr>
        <td width="415px" class="question">{Question}</td>
        <td width="30px"><span class="questionarrow">◤</span></td>
        <td width="64px" class="asking"><img src="{AskerPortraitURL-64}"><br>{Asker}</td>
        </tr>
        </table>
        <div class="answer">{Answer}</div>
        {/block:answer}

        {block:Audio}<span class="audio"><center>{AudioPlayerBlack}</center></span>{block:Caption}{Caption}{/block:Caption}{/block:Audio}

    </div>


        <div class="image">
            {block:Photo}<center><img src="{PhotoURL-500}"/></center>
            {block:Caption}{Caption}{/block:Caption}{/block:Photo}

            {block:Photoset}<center>{Photoset-500}</center>
            {block:Caption}{Caption}{/block:Caption}{/block:Photoset}

            {block:Video}{Video-500}{block:Caption}{Caption}{/block:Caption}{/block:Video}
        </div>

        <div id="ssource">
            {block:ContentSource}
                <a href="{SourceURL}">{lang:Source}:{block:SourceLogo}
                <img src="{BlackLogoURL}" width="{LogoWidth}" height="{LogoHeight}" alt="{SourceTitle}" />
                {/block:SourceLogo}{block:NoSourceLogo}{SourceLink}{/block:NoSourceLogo}</a>
            {/block:ContentSource}
        </div>
</div>
    <div id="perma">
        <a href="{ReblogURL}" target="_blank">reblog</a>{block:HasTags}<br>{block:Tags} <a href="{TagURL}"><b>#</b>{Tag}</a>&nbsp;{/block:Tags}{/block:HasTags}
    </div>
{/block:Posts}
</div>

javascript

asked by anonymous 25.11.2014 / 01:09

1 answer

PHP: If result with Function Access is denied. (Exception from HRESULT: 0x80070005 (E_ACCESSDENIED)) - How do I solve it?

score 1 · Answer 1

Many thanks for the help, I discovered the problem, I was getting class, so the result is a list and the right one would be like this:

<script type="text/javascript" charset="utf-8">
    var imgm = document.getElementsByClassName('image');
    var txt = document.getElementsByClassName('text');
    function control(mostra) {
    if(mostra == "all"){
        for (var i=0;i<imgm.length;i+=1){
        imgm[i].style.display = 'block';
    }
    for (var i=0;i<txt.length;i+=1){
        txt[i].style.display = 'block';
    }
}else if(mostra == "image"){
    for (var i=0;i<imgm.length;i+=1){
        imgm[i].style.display = 'block';
    }
    for (var i=0;i<txt.length;i+=1){
        txt[i].style.display = 'none';
    }
}else{
    for (var i=0;i<imgm.length;i+=1){
        imgm[i].style.display = 'none';
    }
    for (var i=0;i<txt.length;i+=1){
        txt[i].style.display = 'block';
    }
}
}