so deaktivieren Sie alle div-Inhalt mit einem trasparent div?

Habe ich ein 3-Spalten-Vorlage in " meine web-Anwendung.

Vorstellen, dass auf der rechten Seite der div ist <div id="right"> einige Seiten will ich alle deaktivieren, den Inhalt in dieses div mit einem anderen div-Element mit einem transparenten hintergrund.

Wie kann ich es tun?

(bitte sagen Sie mir Ihre Vorschläge mit einem Klick auf <input type="button" id="btn" value="Disable" /> als handler)

Nur eine Einsatzmöglichkeit Frage - wie soll der Benutzer wissen, wenn es deaktiviert ist, wenn es transparent ist? Sie werden nicht in der Lage, klicken Sie auf nichts, aber könnten Sie nur denken, dass Ihre Website ist gebrochen.
Als Mein Kopf tut Weh, sagt Sie, das ist sehr unintuitiv aus einer UX persepctive. Ihre Besucher würden nur denken, dass Ihre Maus oder der browser ist kaputt. Es wäre besser, verwenden einige client-oder server-side-code sogar deaktivieren Sie die Elemente.
Ich glaube es nicht. Dies ist nicht die einzige web-Anwendung, verwendet diese Technik. Zum Beispiel, wenn Sie entfernen Sie alle spams in der neuen Gmail Schnittstelle, die Sie denken, dass die gmail-website kaputt ist?? Ich sagte transparent, denn der verhindert dieses problem.
Ok, vielleicht habe ich missverstanden, was du gemeint hast. Könntest du ein Bild, für das, was Sie versuchen zu erreichen (vor und nach)?

InformationsquelleAutor Mohammad Saberi | 2012-01-11

  1. 2

    HTML:

    <div id="rigth" style="position: aboslute; left: 999px; top: 10px;">Whatever</div> -> dein Stil hier... ich habe einige zufällige Werte

    <div id="rigthCover" style="position: aboslute; left: 999px; top: 10px; opacity: 0.3; background: #fff; display: none;">Whatever</div> -> gleiche wie der vor einem auf, funktioniert im mozilla/chrome, Sie müssen filter Deckkraft für IE (alpha-filter, google findest du es schnell)

    <input type="button" id="btn" value="Disable" onclick="disable()" />

    Javascript:

    function disable()
{
      document.getElementById("rightCover").style.display = "block";
}

    InformationsquelleAutor zozo

Schreibe einen Kommentar