ansaurus

Question

How to hide or show a div based on its contents

Answer 1

A:

This should do it.

EDITED

<body>

<script type="text/javascript">
    function teste(divId, text){
        var myDiv = document.getElementById(divId);

        if (myDiv.innerText.indexOf(text, 0) != -1) //could be replaced by any error veryfing logic
        {
            myDiv.style.visibility = "hidden";
            return 'Message 1';
        }
        else
        {
            myDiv.style.visibility = "visible";
            return 'Message 2';
        }
    }

</script>


<div id="MyDiv">blabla</div>

<script type="text/javascript">
    document.write(teste('MyDiv', 'blabla'));
</script>



</body>

born to hula 2010-02-11 18:25:16

This only meets half of the requirements. It needs to be able to show the div as well.

Justin Johnson 2010-02-11 18:50:09

At least I gave a starter, and you gave me -1? do you really think the answer is not useful? Why don't you post something useful instead of just whining?

born to hula 2010-02-11 19:21:00

Answer 2

A:

I really don't understand why it doesn't work with ajax respond. Down below codes are working on the static page. But when I try with ajax respond there is no result. What is wrong?

<!DOCTYPE html>
<html>
<head>
</head>

<script src="http://code.jquery.com/jquery-latest.js"&gt;&lt;/script&gt;
<script language="JavaScript" type="text/javascript">
 $(document).ready(function() {
    if ( $("#messages").text() == "Your address book has been successfully updated.") {
        $("#edit-address-book").hide();
    }
 });
</script>

<body>
    <div id="messages">Your address book has been successfully updated.</div>
    <div id="edit-address-book">What is wrong ?</div>
</body>
</html>

question_about_the_problem 2010-02-12 17:48:03

Answer 3

A:

Finally I've found the solution. It will help users, who are using the AJAX library "JSHttpRequest" ( http://en.dklab.ru/lib/JsHttpRequest/ ). Here it is:

Find:

    document.getElementById("messages").innerHTML = req_update.responseJS.messages;
    document.getElementById("changed_address").value = req_update.responseJS.changed_address;

###Replace with:

    document.getElementById("messages").innerHTML = req_update.responseJS.messages;

    if (req_update.responseJS.messages == "<?php echo SUCCESS_MESSAGE; ?>") {
        hide_div("edit-address-book");
    }

    document.getElementById("changed_address").value = req_update.responseJS.changed_address;
    }

question_about_the_problem 2010-02-12 21:16:09

ansaurus

tags:

views:

answers:

How to hide or show a div based on its contents

Find:

related questions