Ted k’ É assim que tem que ser! Programando em ASP, ASP.NET, PHP, CSS, dentre outras…


10
Sep/092


Notícias em Simply Spy com jQuery

Função em jQuery para Notícias.

O efeito mostrar quatro notícias, para aparecer as outras, a última recebe um fadeOut() e a nova notícia em cima aparece com fadeIn().

null

Segue o Código:

$(function(){
    $('ul.spy').simpleSpy();
});

(function($){
$.fn.simpleSpy = function (limit, interval) {
    limit = limit || 4;
    interval = interval || 4000;

    return this.each(function () {
        var $list = $(this),
            items = [],
            currentItem = limit,
            total = 0,
            height = $list.find('> li:first').height();
        $list.find('> li').each(function () {
            items.push('<li>' + $(this).html() + '</li>');
        });

        total = items.length;
        $list.wrap('<div class="spyWrapper" />').parent().css({ height : height * limit });
        $list.find('> li').filter(':gt(' + (limit - 1) + ')').remove();

        function spy() {
            var $insert = $(items[currentItem]).css({height : 0, opacity : 0, display : 'none'}).prependTo($list);
				$list.find('> li:last').animate({opacity : 0}, 1000, function () {
            	$insert.animate({ height : height }, 1000).animate({ opacity : 1 }, 1000);
            	$(this).remove();
            });

            currentItem++;
            if (currentItem >= total) {
                currentItem = 0;
            }
            setTimeout(spy, interval)
        }
        spy();
    });
};
})(jQuery);

Veja o exemplo. CLIQUE AQUI

Baixe aqui o arquivo completo: DOWNLOAD

Tagged as: , , , , , , , , , , , , , , ,
2 Comentários
13
Aug/0824


Cadastrando, Listando e Deletando com AJAX / ASP

Código bem simples e útil para a galera que gosta de usar AJAX e não tem muita referência!
Página para carregar o AJAX, funcionalidades:

 

 

ajaxCarregar.js

function GetXMLHttp() {
if(navigator.appName == "Microsoft Internet Explorer") {
xmlHttp = new ActiveXObject("Microsoft.XMLHTTP");
}
else {
xmlHttp = new XMLHttpRequest();
}
return xmlHttp;
}

var Enviar = GetXMLHttp();

// Início - Cadastro
function CadastrarDados() {
var Nome = document.getElementById("Nome");
var EMail = document.getElementById("EMail");

var URL = "Cadastro.asp?Cadastrar=Ok&Nome="+Nome.value+"&EMail="+EMail.value+"";
Enviar.open("GET", URL, true);
Enviar.setRequestHeader("Content-Type", "application/x-www-form-urlencoded");
document.getElementById("Resposta").innerHTML = "Cadastrado com Sucesso!!!";

Nome.value = "";
EMail.value = "";

Enviar.send(null);
Enviar.onload = lerTexto;
}
// Final - Cadastro

// Início - Deletar
function apagar(id, rowIndex) {
if (confirm('Tem certeza que deseja excluir este registro?')) {
document.getElementById("tabela").deleteRow(rowIndex);

Enviar.open("POST",'Cadastro.asp?Deletar=Ok&id='+ id, false);
Enviar.send(null);
}
}
// Final - Deletar

// Início - Carregar Página
function lerTexto() {
var URLler = "Ler.asp";
Enviar.onreadystatechange = stateChanged;
Enviar.open("GET", URLler, true);
Enviar.send(null);
}

function stateChanged() {
if (Enviar.readyState==4) {
document.getElementById("ler_Dados").innerHTML = Enviar.responseText;
}
}

window.onload = lerTexto;
// Final - Carregar Página

 

 

Ler.asp

<%@ Language="JavaScript" %>
<%
var Conexao;
var Conexao = Server.CreateObject("Adodb.Connection");
Conexao.ConnectionString = "Driver=MySQL ODBC 3.51 Driver; DataBase=banco; Server=localhost; Uid=root; PassWord=root;";
Conexao.Open;
%>
<table width="407" border="1" cellspacing="0" cellpadding="0" id="tabela">
<tr>
<td width="164"><strong>NOME</strong></td>
<td width="159"><strong>EMAIL</strong></td>
<td width="76"><strong>Acionar</strong></td>
</tr>
<%
var rs = Conexao.Execute("Select * From Teste");
if (rs == null) {
Response.Write("NADA");
}
else {
while (!rs.EOF) {
%>
<tr>
<td><%=rs("Nome")%></td>
<td><%=rs("EMail")%></td>
<td><a href="#" onClick="apagar('<%=rs("Codigo")%>', this.parentNode.parentNode.rowIndex);">deletar</a></td>
</tr>
<%
rs.MoveNext();
}
}
%>
</table>

 

 

Cadastro.asp

<%@ Language="JavaScript" %>
<%
var Conexao;
var Conexao = Server.CreateObject("Adodb.Connection");
Conexao.ConnectionString = "Driver=MySQL ODBC 3.51 Driver; DataBase=banco; Server=localhost; Uid=root; PassWord=root;";
Conexao.Open;
%>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Cadastrar</title>
<script language="javascript" src="ajaxCarregar.js"></script>
</head>
<body>
<div id="Resposta"></div><br>
<form id="Form">
Nome: <input type="text" id="Nome" name="Nome" value=""><br>
E-Mail: <input type="text" id="EMail" name="EMail" value=""><br>
<input type="button" id="Cadastrar" value="Cadastrar" name="Cadastrar" onClick="CadastrarDados();">
</form><br>
<br>
<br>
<div id="ler_Dados"></div>
</body>
</html>
<%
if (Request.QueryString("Cadastrar") == "Ok") {
Conexao.Execute("Insert Into Teste (Nome, EMail) Values ('"+Request.QueryString("Nome")+"', '"+Request.QueryString("EMail")+"')");
Response.Write("");
}

if (Request.QueryString("Deletar") == "Ok") {
Conexao.Execute("Delete From Teste Where Codigo = '"+Request.QueryString("id")+"'");
Response.Write("");
}
%>
Tagged as: , , , , , ,
24 Comentários
30
Jun/080


Usando a Tag asp:xml ASP.NET

Nada como puxar um XML e configurar ele dentro de um XSL com uma linha só de comando, é possível com a tag
Simples é fácil de utilizar, ela você pode chamar um XML puro com o "DocumentSource" ou modelar no XSL com o "TransformSource"

OBS: Não irei dizer detalhes do XSL pois estou fazendo referências ao ASP.NET, mais de primeira mão, é super fácil.

Então segue abaixo as três páginas que você precisa para modelar tudo

Index.aspx


<%@ Page Language="VB" %>
<html>
<head>
  <title>Gerar XML</title>
</head>
<body>
	<form runat="server">
		<asp:Xml Id="XMLPage" DocumentSource="teste.xml" TransformSource="teste.xsl" runat="server" />
	</form>
</body>
</html>

 

teste.xml


<?xml version="1.0" ?>
<classe_01>
  <bancos>
    <bancos_nome>Access</bancos_nome>
    <bancos_tipo>Database</bancos_tipo>
    <bancos_nome_completo>Microsoft Access</bancos_nome_completo>
    <bancos_linguagens>ASP, ASP.NET</bancos_linguagens>
    <bancos_tamanho>0 MB</bancos_tamanho>
    <bancos_qualidade>5</bancos_qualidade>
  </bancos>
  <bancos>
    <bancos_nome>Oracle</bancos_nome>
    <bancos_tipo>Database</bancos_tipo>
    <bancos_nome_completo>Oracle Database</bancos_nome_completo>
    <bancos_linguagens>ASP, PHP, JSP</bancos_linguagens>
    <bancos_tamanho>200 MB</bancos_tamanho>
    <bancos_qualidade>10</bancos_qualidade>
  </bancos>
  <bancos>
    <bancos_nome>MySQL</bancos_nome>
    <bancos_tipo>Database</bancos_tipo>
    <bancos_nome_completo>MySQL Database</bancos_nome_completo>
    <bancos_linguagens>ASP, PHP, JSP, ASP.NET</bancos_linguagens>
    <bancos_tamanho>0 MB</bancos_tamanho>
    <bancos_qualidade>9</bancos_qualidade>
  </bancos>
  <bancos>
    <bancos_nome>SQL SERVER</bancos_nome>
    <bancos_tipo>Database</bancos_tipo>
    <bancos_nome_completo>Microsoft SQL SERVER 2005</bancos_nome_completo>
    <bancos_linguagens>ASP e ASP.NET</bancos_linguagens>
    <bancos_tamanho>500 MB</bancos_tamanho>
    <bancos_qualidade>10</bancos_qualidade>
  </bancos>
</classe_01>

 

teste.xsl


<xsl:stylesheet version="1.0" xmlns:xsl="http://www.w3.org/1999/XSL/Transform">
<xsl:template match="/">
	<table id="Transform" border="1" cellpadding="3" cellspacing="0" style="font:12px Arial;">
		<tr style="font-weight: bold;">
		  <td>NOME</td>
		  <td>TIPOS</td>
		  <td>COMPLETO</td>
		  <td>LINGUAGENS</td>
		  <td>TAMANHO</td>
		  <td>QUALIDADE</td>
		</tr>
	<xsl:apply-templates select="classe_01/bancos"/>
</table>
</xsl:template>

<xsl:template match="bancos">
    <tr>
      <td><xsl:value-of select="bancos_nome"/></td>
      <td><xsl:value-of select="bancos_tipo"/></td>
      <td><xsl:value-of select="bancos_nome_completo"/></td>
      <td><xsl:value-of select="bancos_linguagens"/></td>
      <td align="center"><xsl:apply-templates select="bancos_tamanho"/></td>
      <td align="center"><xsl:value-of select="bancos_qualidade"/></td>
    </tr>
</xsl:template>
</xsl:stylesheet>
Tagged as: , , , , , , ,
Não há Comentários
2
Mar/081


Verificar velocidade do site

Precisa verificar a velocidade do seu site?

 

 

Um ótimo site para verificar a velocidade de abertura do site, uma boa indicação para que acha que o site ou sistema está lento. Ele verifica a velocidade de cada arquivo executado pela página inicial e até mesmo por alguma pasta, a depender do projeto...

 

 

Verifica a taxa de Byte de cada arquivo!
acesse e confira...

 

http://www.octagate.com/service/sitetimer/

Dica: Acesse também http://www.webly.com.br/

Tagged as: , , ,
1 Comentário
22
Feb/0816


Transmissão Ao Vivo (Audio e Vídeo), Como fazer esse tipo de transmissão

Peguei partes de tutorias para todas as definições possíveis do que é Streaming

Nesse tutorial você vai ter noção de como se faz para fazer esse tipo de transmissão que está tendo mais espaço na internet!

Vamos lá então:

Streaming é a tecnologia que permite o envio de informação multimídia através de pacotes, utilizando redes de computadores, sobretudo a Internet. Quando a ligação de rede é banda larga, a velocidade de transmissão da informação é elevada, dando a sensação de que o áudio e o vídeo são transmitidos em tempo real.

Permite novos negócios na Internet, como por exemplo, o vídeo sob demanda (video on demand). Também já é possível assistir a vídeos em streaming via telefone celular ou na tela de seu computador.

Faz uso da tecnologia Multicast IP para a transmissão dos dados a partir de um único ponto para vários outros pontos de recepção (um para N).

Atualmente, rádios FM e AM e TV's, bem como várias empresas que realizam eventos, utilizam esta tecnologia para interação digital com seus ouvintes e clientes.


Diz a Wikipedia
http://pt.wikipedia.org/wiki/Streaming

A tecnologia de streaming se utiliza para tornar mais leve e rápido o download e a execução de audio e video na web, já que permite escutar e visualizar os arquivos enquanto se faz o download.

Se não utilizamos streaming, para mostrar um conteúdo multimídia na Rede, temos que descarregar primeiro o arquivo inteiro em nosso computador e mais tarde executá-lo, para finalmente ver e ouvir o que o arquivo continha. Entretanto, o streaming permite que esta tarefa se realize de uma maneira mais rápida e que possamos ver e escutar seu conteúdo durante o download.


Diz a criarweb.com
http://www.criarweb.com/artigos/214.php

Como funciona?
O streaming funciona da seguinte maneira. Primeiro nosso computador (o cliente) conecta com o servidor e este, começa a lhe mandar o arquivo. O cliente começa a receber o arquivo e constrói um buffer onde começa a salvar a informação. Quando se enche o buffer com uma pequena parte do arquivo, o cliente começa a mostrar e ao mesmo tempo continua o download. O sistema está sincronizado para que o arquivo possa ser visto enquanto se baixa o arquivo, de modo que quando o arquivo acaba de ser baixado, também acaba de ser visualizado. Se em algum momento a conexão sofre decréscimos de velocidade se utiliza a informação que existe no buffer, de modo que se pode agüentar um pouco esse decréscimo. Se a comunicação se corta durante muito tempo, o buffer se esvazia e a execução do arquivo se cortaria também até que se restaurasse o sinal.

Links para auxiliar com os programas necessários:
http://www.webly.com.br/tutorial/asp/13041...deo-ao-vivo.htm
http://televisioncombr.wordpress.com/2006/...missao-ao-vivo/

Boa Matéria:
http://www.webly.com.br/tutorial/multimidi...na-internet.htm

Programa:
Windows Media Encoder (faça o dowload no site da microsoft)

Sites onde oferece esse tipo de serviço:
Evolution - http://www.evolution.inf.br/streaming.php
StreamHost - http://www.streamhost.com.br
LocaWeb - http://www.locaweb.com.br
UPX Streaming - http://www.upx.com.br/streaming.php
Brasil Telecom http://www.brturbo.com

Tagged as: , , , ,
16 Comentários

Página 1 de 11



Portfólio Ted k'

Atualize seu Navegador

Categorias





Os Melhores da WEB



Delicious