Como instalar o PHP5, Apache e Mysql no Windows XP.

flaviomuniz — Fri, 26 Jun 2009 16:10:19 +0000

Olá, vou ensinar hoje, a instalar o PHP5, APACHE 2.2 e MySQL no Windows.

Baixe o APACHE2.2
Baixe o PHP 5
Baixe o MySQL MySQL

Agora, instale o apache normalmente, nada de configurações avançadas, depois de instalado,
instale o mysql, eu recomendo instalar dentro da pasta do apache.
Agora instale o php 5, por padrão, vamos instalar na unidade C:/php5.

Depois de instalado o php5, vamos configurar.
Abra o diretório, e copie a DLL php5ts.dll, e cole dentro da posta System32 do windows.
Para o mysql, copie tmb a DLL libmysql.dll dentro do diretorio onde ta o php, e cole dentro da System32 também.
Este arquivo é para o mysql funcionar corretamente quando rodar sua aplicação.

Agora, ainda dentro do diretório do php, procure o arquivo php.ini-dist, e renomeie para php.ini, por segurança, faça bkp do arquivo, assim podemos voltar a versão caso de algo errado.
Você agora precisa abrir o arquivo php.ini e procurar por ;extension=php_mysql.dll, retire o “;” e também, altere o
(extension_dir =) para (extension_dir = “C:/php5/ext/”).
Copie o arquivo php.ini para o diretório do windows, “C:/Windows”.

Pronto, cofiguramos o php, agora vamos ao apache.
No diretório onde vc instalou o apache, abra o arquivo conf/httpd.conf, e adicione essa linha LoadModule php5_module “c:/php5/php5apache.dll”
abaixo da linha #LoadModule unique_id_module modules/mod_unique_id.so padrão para o apache.
busque por AddType application/x-tar .tgz, e abaixo dela, adicione as seguintes linhas.
AddType application/x-httpd-php .php e AddType application/x-httpd-php-source .phps
Procure a linha AddModule mod_setenvif.c, e coloque embaixo dela AddModule mod_php5.c
Agora, coloque index.php default.php main.php, abaixo da linha

DirectoryIndex index.html

Pronto, agora abra o mysql.exe para iniciar o serviço, não precisa configurar ele.
Agora sim, só reiniciar o apache e começar a diversão.

Feito, rodando apache, php5 e mysql em sua maquina.

Good job

Até a próxima.

Imagenote com jquery

flaviomuniz — Fri, 19 Jun 2009 01:33:36 +0000

Vou mostrar como é facil fazer aquelas anotações em imagens como as do flickr e orkut.
Depois de feito, basta vc usar a criatividade de como usar.
Bom, vamos la,
Antes de começarmos com os códigos, baixe o marcador.js, jquery_002.js, jquery.js e o imgnotes.css.
Depois de baixar os arquivos acima, vamos começar.

    <script type="text/javascript">

            notes = [

                {

                    //Você pode colocar o seu loop nessa linha, assim a imagem pode ficar com várias marcações.

                    "x1":"10","y1":"10","height":"110","width":"100","note":"Hello World!"

                }

            ];

        $(window).load(function () {

            $('#imagem').marcarImagem();

            //$('#imagem').imgAreaSelect({ onSelectChange: showaddnote })

            //Esconde o formulario - Hide the form

            $('#cancelnote').click(function(){

                $('#imagem').imgAreaSelect({ hide: true });

                $('#noteform').fadeOut();

            });

            //Mostra o formulario de marcação, você pode especificar o tamanho e posição dele.

            //x1: 120, y1: 90, x2: 280, y2: 210

            $('#addnotelink').click(function(){

                $('#imagem').imgAreaSelect({ onSelectChange: showaddnote, x1: 120, y1: 90, x2: 280, y2: 210 });

                return false;

            });

        });

    function showaddnote (img, area) {

        imgOffset = $(img).offset();

        //Usando os tamanhos que você passou na funcao $(window).load(function (), ele posiciona o formulario de marcação.

        form_left  = parseInt(imgOffset.left) + parseInt(area.x1);

        form_top   = parseInt(imgOffset.top) + parseInt(area.y1) + parseInt(area.height)+5;

        $('#noteform').css({ left: form_left + 'px', top: form_top + 'px'});

        //Mostra o formulario - Show the form

        $('#noteform').show();

        $('#noteform').css("z-index", 10000);

        $('#NoteX1').val(area.x1);

        $('#NoteY1').val(area.y1);

        $('#NoteHeight').val(area.height);

        $('#NoteWidth').val(area.width);

    }

    script>

Coloque o código acima dentro dos padrões W3C.

<br />

    <br />

    <html xmlns="http://www.w3.org/1999/xhtml"><br />

    <head><br />

        <title>Padrões W3C</title><br />

        <br />

    </head><br />

        <body></p>

<p>        </body><br />

    </html><br />

Agora vamos ao html.

</p>

<p style="text-align: center;">

    <img id="imagem" src="tern.jpg" alt="" />

</p>

<p>

O código acima é onde a imagem à ser marcada vai ficar.

</p>

<div id="noteform">

<form id="NoteAddForm" action="?acao=AddPost" method="post">

        <fieldset><br />

            <legend>Descricao</legend><br />

                <input id="NoteX1" name="x1" type="hidden" /><br />

                <input id="NoteY1" name="y1" type="hidden" /><br />

                <input id="NoteHeight" name="height" type="hidden" /><br />

                <input id="NoteWidth" name="width" type="hidden" /><br />

                <textarea id="NoteNote" name="note"></textarea><br />

        </fieldset></p>

<div class="submit">

        <input type="submit" value="Marcar" /><br />

        <input id="cancelnote" type="button" value="Cancelar" />

    </div>

</form>

</div>

<p>

Acima temos o formulário para o envio da mensagem.

Agora é você usar a criatividade para rodar em sua aplicação, o principal esta ai.
Veja o exemplo na prática.
Demo

Until next time.

FlavioMuniz » Blog » Mysql

Como instalar o PHP5, Apache e Mysql no Windows XP.

Imagenote com jquery