agosto 2007 – Página 2

Publicada el por · 8 comentarios

Texto opaco sobre fondo semi transparente con CSS

Si queremos tener un fondo semi transparente y un texto opaco encima, quizás lo primero que se nos ocurra sea crear un estilo que contenga filter:alpha(opacity=10); y -moz-opacity:0.1; y luego aplicárselo a un DIV o celda y colocar todo nuestro contenido ahí.

Bueno, lo anterior no sirve porque debido a que el texto se encuentra dentro del mismo bloque, también se hace transparente.

Lo que debemos hacer es crear dos bloques (DIV o celda) distintos: uno para el fondo semi transparente y otro para el texto (o contenido) que va encima. Y luego colocar uno encima del otro.

Esto se hace de la siguiente manera.

Hoja de estilos

.dppal {
   position: absolute;
}
 
.dfondo {
   width: 200px; height: 200px;
   background-color: #ff0000;
   filter:alpha(opacity=20);
   -moz-opacity:0.2;
   opacity: 0.2;
   padding:10px;
}
 
.dtexto {
   width: 200px; height: 200px;
   background-color: transparent;
   position: absolute;
   z-index: 2;
   padding:10px;  
}

<div class="dppal">
 
   <div class="dtexto">
        Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Integer pharetra augue vel tellus. Nulla blandit urna sit amet metus.
   </div>
 
   <div class="dfondo">
 
   </div>
 
</div>

Publicada el por

Cómo maximizar la ventana del navegador usando javascript

Para maximizar la ventana del navegador utilizando javascript, debes usar el siguiente código:

window.moveTo(0,0);
window.resizeTo(screen.availWidth, screen.availHeight);

¿Dónde colocarlo?

Si quieres que cuando alguien haga clic en un vínculo, la ventana se maximice, entonces colócalo en el hipervínculo, así:

<a href="#" onClick="window.moveTo(0,0);window.resizeTo(screen.availWidth, screen.availHeight);">Haz clic aquí para maximizar esta ventana</a>

Si quieres abrir un pop-up y que éste se maximice al abrirse, entonces coloca el código en el body de la página del popup, para que se ejecute apenas se abra éste:

<body onLoad="window.moveTo(0,0);window.resizeTo(screen.availWidth, screen.availHeight);">

Por cierto, si tu página es un frameset, también funciona:

<frameset rows="100,*,100" frameborder="no" border="0" framespacing="0" onLoad="window.moveTo(0,0);window.resizeTo(screen.availWidth, screen.availHeight);">

Publicada el por · 3 comentarios

Cómo crear un mensaje de confirmación para eliminar un registro en un GridView

En este post veremos cómo implementar un mensaje de confirmación con javascript para borrar un registro en un GridView.

Debes tener un GridView y un ObjectDataSource similares a estos:

<asp:GridView ID="GridView1" runat="server" AutoGenerateColumns="False" DataSourceID="ObjectDataSource1" AllowPaging="True" AllowSorting="True" CellPadding="0" PageSize="30" GridLines="None" Width="100%" DataKeyNames="id">
<Columns>
<asp:BoundField DataField="id" HeaderText="ID" InsertVisible="False" SortExpression="id" />
<asp:BoundField DataField="usuario" HeaderText="Usuario" SortExpression="usuario" />
<asp:TemplateField HeaderText="Eliminar">
<ItemTemplate>
<asp:LinkButton ID="LinkButton1"
CommandArgument='<%# Eval("id") %>'
CommandName="Delete" runat="server">
Eliminar</asp:LinkButton>
</ItemTemplate>
</asp:TemplateField>
</Columns>
<EmptyDataTemplate>
No existen registros.
</EmptyDataTemplate>
</asp:GridView>
<asp:ObjectDataSource ID="ObjectDataSource1" runat="server" OldValuesParameterFormatString="{0}"
SelectMethod="ObtenParaGridView" TypeName="BLLComentario" DeleteMethod="BorraComentario">
<DeleteParameters>
<asp:Parameter Name="id" Type="Int32" />
</DeleteParameters>
</asp:ObjectDataSource>

Ahora bien, para agregar el javascript necesario para realizar la confirmación, debemos valernos del evento GridView1_RowDataBound, así:

Protected Sub GridView1_RowDataBound(ByVal sender As Object, ByVal e As System.Web.UI.WebControls.GridViewRowEventArgs) Handles GridView1.RowDataBound
'Anadir javascript de confirmacion para cada linkbutton
If e.Row.RowType = DataControlRowType.DataRow Then
Dim Lb As LinkButton = e.Row.FindControl("LinkButton1")
Lb.Attributes.Add("onclick", "javascript:return confirm('¿Está seguro de que desea eliminar el registro con ID=" & DataBinder.Eval(e.Row.DataItem, "id") & "?')")
End If
End Sub

Y listo, obtendremos una confirmación como esta:

Publicada el por

Administración remota con Real VNC

Windows tiene una herramienta para administrar equipos de manera remota, llamada Remote Desktop. Funciona excelentemente con servidores de la familia Windows.

Si encuentras problemas con esta herramienta, o si no logras configurarla, existe una alternativa (no tan confiable pero gratuita) llamada Real VNC.

Puedes encontrar toda la información en esta liga:

http://www.realvnc.com/

Publicada el por · 2 comentarios

Cómo exportar la información de un GridView a Excel

ARTÍCULO DESACTUALIZADO

Este artículo es algo viejo, encuentras una mejor forma de hacer la exportación en este otro artículo.

En algunas ocasiones queremos que toda la información que estamos desplegando con un GridView se exporte automáticamente a un archivo de Excel desde nuestra aplicación ASP.NET 2.

Para hacerlo, basta colocar un GridView vacío en nuestra página (puede ser uno diferente al que utilizas para mostrar la información en HTML).

<asp:GridView ID="GridViewExcel" runat="server">
</asp:GridView>

También necesitamos un botón que al ser presionado haga la exportación:

<asp:LinkButton ID="ExportarAExcel" runat="server">Exportar a Excel</asp:LinkButton>

Por último, aquí está el código que hace la exportación:

Protected Sub ExportarAExcel_Click(ByVal sender As Object, ByVal e As System.EventArgs) Handles ExportarAExcel.Click
Dim gv As GridView
gv = Page.Master.FindControl("form1").FindControl("Cuerpo").FindControl("GridviewExcel")
'Estoy obteniendo la información de mi Business Logic Layer, pero lo puedes hacer
'de la manera en la que estés acostumbrado
Dim Logica As New BLLUsers()
Dim DTable As DSEmpresa.usersDataTable
DTable = Logica.GetData()
gv.DataSource = DTable
gv.DataBind()
'Exportar a Excel
Response.Clear()
Response.Buffer = True
Response.ContentType = "application/vnd.ms-excel;"
Response.ContentEncoding = System.Text.Encoding.UTF7
Response.Charset = ""
Me.EnableViewState = False
Dim oStringWriter As System.IO.StringWriter = New System.IO.StringWriter
Dim oHtmlTextWriter As System.Web.UI.HtmlTextWriter = New System.Web.UI.HtmlTextWriter(oStringWriter)
'Me.ClearControls(dg)
gv.RenderControl(oHtmlTextWriter)
Response.Write(oStringWriter.ToString())
Response.End()
End Sub
Public Overrides Sub VerifyRenderingInServerForm(ByVal control As Control)
'Este override debe estar aqui ya que si no aparecera un error
'indicando que el Gridview debe estar dentro de un form runat=server
End Sub

Actualización
Si por alguna razón obtienes el error:
RegisterForEventValidation can only be called during Render

intenta colocar EnableEventValidation="false" en la directiva de la página, de tal forma que quede algo así:

<%@ Page Title="" Language="VB" MasterPageFile="~/MasterPages/Principal.master" AutoEventWireup="false" CodeFile="Ejemplo.aspx.vb" Inherits="Ejemplo" EnableEventValidation="false" %>

Pablo Viale