none
Atualizar texto quando deslizar sobre botão RRS feed

  • Pergunta

  • Boa tarde pessoal,

    Bom, primeiramente não sei se essa dúvida se encaixa por aqui. Se não, me desculpe.

    Eu tenho uma página inicial com menu.

    Eu não conheço praticamente nada de criação, então estou aprendendo com templates e nesse abaixo eu gostaria de, quando eu passasse o mouse em cima de um dos botões, uma breve descrição aparecesse do lado.

    Eu conheço um pouco mais de C# então questão de adicionar botão, textbox, dropdown, é muito mais facil, eu consigo colocar onde eu quero, já com ASP.NET confesso que é um pouco mais complicado a principio.

    Desde já agradeço a ajuda, e se não fui claro, estou a disposição pra dar mais detalhes .. :)


    Leopoldo A. Nascimento (Ajude o máximo que puder, que assim será feito por você.) - Foi útil esta resposta? Então marque. ;)

    quinta-feira, 26 de dezembro de 2013 19:43

Respostas

  • <%@ Page Language="C#" AutoEventWireup="true" CodeBehind="WebForm3.aspx.cs" Inherits="WebApplication3.WebForm3" %>
    <!DOCTYPE html>
    <html xmlns="http://www.w3.org/1999/xhtml">
    <head runat="server">
        <title></title>
        <style type="text/css">
             #divMaster {
                 width: 404px;
                 min-height: 400px;
             }
             #divBotoes {
                 float:left;
                 width: 200px;
                 min-height: 400px;
                 border: 1px solid #000000;
             }
             #divMenagem {
                 float:left;
                 width: 200px;
                 min-height: 400px;
                 border: 1px solid #000000;
             }
        </style>
    </head>
    <body>
        <form id="form1" runat="server">
        <div id="divMaster">
            <div id="divBotoes">
                <asp:Button ID="Button1" runat="server" Text="Button" /><br />
                <asp:Button ID="Button2" runat="server" Text="Button" /><br />
                <asp:Button ID="Button3" runat="server" Text="Button" /><br />
                <asp:Button ID="Button4" runat="server" Text="Button" /><br />
            </div>
            <div id="divMenagem">
    
            </div>
        </div>
        </form>
    </body>
    </html>

    Exemplo, coloque no seu exemplo e modifique de acordo ... 

    o responsável é esse:

    <style type="text/css">
             #divMaster {
                 width: 404px;
                 min-height: 400px;
             }
             #divBotoes {
                 float:left;
                 width: 200px;
                 min-height: 400px;
                 border: 1px solid #000000;
             }
             #divMenagem {
                 float:left;
                 width: 200px;
                 min-height: 400px;
                 border: 1px solid #000000;
             }
    </style>


    Fulvio Cezar Canducci Dias

    sexta-feira, 27 de dezembro de 2013 11:26

Todas as Respostas

  • Poderia ser assim:

    o javascript assim 

    <script>
    	function CarregarMensagem(msg) {
    		document.getElementById('DivMensagem').innerHTML = msg;
    	}
    	function LimparMensagem() {
    		document.getElementById('DivMensagem').innerHTML = '';
    	}
    </script>

    Código no aspx assim

    <asp:Button ID="But1" runat="server" Text="ADMINISTRAR CONTÉUDO" />
    <asp:Button ID="But2" runat="server" Text="VER EM TEMPO REAL" />
    <div id="DivMensagem"></div>

    para atribuir esses js ao botões faça no código no form_load assim

    protected void Page_Load(object sender, EventArgs e)
    {
    	if (!IsPostBack)
    	{
    		But1.Attributes.Add("onmousemove", "CarregarMensagem('Botão 1');");
    		But1.Attributes.Add("onmouseout", "LimparMensagem();");
    		But2.Attributes.Add("onmousemove", "CarregarMensagem('Botão 2');");
    		But2.Attributes.Add("onmouseout", "LimparMensagem();");
    	}
    }

    Espero que ajude


    Fulvio Cezar Canducci Dias

    quinta-feira, 26 de dezembro de 2013 19:59
  • E ai Fulvio, beleza?

    Cara isso já mata 80% do meu problema. A minha dúvida acho que é mais HTML talvez então.

    Quando eu crio as divs e coloco os botões, ela pega até o final da página.

    Acho que a pergunta melhor seria, como alocar a DIV bem naquele espaço da direita.

    O código que eu tenho até agora é o seguinte:

    <asp:Content runat="server" ID="BodyContent" ContentPlaceHolderID="MainContent">

        <div class="form-horizontal">
            <h4>Escolha uma das opções abaixo.</h4>
            <hr />
            <script>
                function CarregarMensagem(msg) {
                    document.getElementById('DivMensagem').innerHTML = msg;
                }
                function LimparMensagem() {
                    document.getElementById('DivMensagem').innerHTML = '';
                }

            </script>
            <div class="form-group" align="center">
                <div class="col-md-offset-2 col-md-10">
                    <asp:Button ID="Btn_Adm_Conteudo" runat="server" OnClick="CreateUser_Click" Text="ADMINISTRAR CONTEÚDO" CssClass="btn btn-default" Width="280px" />
                </div>

            </div>
            <div class="form-group">
                <div class="col-md-offset-2 col-md-10">
                    <asp:Button ID="Btn_Tmp_Real" runat="server" OnClick="CreateUser_Click" Text="VER EM TEMPO REAL" CssClass="btn btn-default" Width="280px" />
                </div>
            </div>
            <div class="form-group">
                <div class="col-md-offset-2 col-md-10">
                    <asp:Button ID="Btn_Extr_Relatorio" runat="server" OnClick="CreateUser_Click" Text="EXTRAIR RELATÓRIO" CssClass="btn btn-default" Width="280px" />
                </div>
            </div>
            <div class="form-group">
                <div class="col-md-offset-2 col-md-10">
                    <asp:Button ID="Btn_Lanc_Atividade" runat="server" OnClick="CreateUser_Click" Text="LANÇAR ATIVIDADE" CssClass="btn btn-default" Width="280px" />
                </div>
            </div>
            <div class="form-group">
                <div class="col-md-offset-2 col-md-10">
                    <asp:Button ID="Btn_Trocar_Senha" runat="server" OnClick="CreateUser_Click" Text="TROCAR SENHA" CssClass="btn btn-default" Width="280px" />
                </div>
            </div>
            <div class="form-group">
                <div class="col-md-offset-2 col-md-10">
                    <asp:Button ID="Btn_Sair_Dicom" runat="server" OnClick="CreateUser_Click" Text="SAIR DO DICOM" CssClass="btn btn-default" Width="280px" />
                </div>
            </div>
        </div>
    </asp:Content>


    Leopoldo A. Nascimento (Ajude o máximo que puder, que assim será feito por você.) - Foi útil esta resposta? Então marque. ;)

    sexta-feira, 27 de dezembro de 2013 10:32
  • <%@ Page Language="C#" AutoEventWireup="true" CodeBehind="WebForm3.aspx.cs" Inherits="WebApplication3.WebForm3" %>
    <!DOCTYPE html>
    <html xmlns="http://www.w3.org/1999/xhtml">
    <head runat="server">
        <title></title>
        <style type="text/css">
             #divMaster {
                 width: 404px;
                 min-height: 400px;
             }
             #divBotoes {
                 float:left;
                 width: 200px;
                 min-height: 400px;
                 border: 1px solid #000000;
             }
             #divMenagem {
                 float:left;
                 width: 200px;
                 min-height: 400px;
                 border: 1px solid #000000;
             }
        </style>
    </head>
    <body>
        <form id="form1" runat="server">
        <div id="divMaster">
            <div id="divBotoes">
                <asp:Button ID="Button1" runat="server" Text="Button" /><br />
                <asp:Button ID="Button2" runat="server" Text="Button" /><br />
                <asp:Button ID="Button3" runat="server" Text="Button" /><br />
                <asp:Button ID="Button4" runat="server" Text="Button" /><br />
            </div>
            <div id="divMenagem">
    
            </div>
        </div>
        </form>
    </body>
    </html>

    Exemplo, coloque no seu exemplo e modifique de acordo ... 

    o responsável é esse:

    <style type="text/css">
             #divMaster {
                 width: 404px;
                 min-height: 400px;
             }
             #divBotoes {
                 float:left;
                 width: 200px;
                 min-height: 400px;
                 border: 1px solid #000000;
             }
             #divMenagem {
                 float:left;
                 width: 200px;
                 min-height: 400px;
                 border: 1px solid #000000;
             }
    </style>


    Fulvio Cezar Canducci Dias

    sexta-feira, 27 de dezembro de 2013 11:26
  • Ai sim, hein!

    Muito obrigado mesmo, Fúlvio. Ajudou muito.

    Abraço e sucesso!


    Leopoldo A. Nascimento (Ajude o máximo que puder, que assim será feito por você.) - Foi útil esta resposta? Então marque. ;)

    sexta-feira, 27 de dezembro de 2013 11:29