Web Page Analyzer

Ferramentas No Comments » Marcelo Korjenioski

Site para fazer aná­lise do desen­pe­nho do seu site.

http://www.websiteoptimization.com/services/analyze/

Caso tenha alguma duvida deixe um comen­tá­rio que terei pra­zer em aju­dar.
Comen­tá­rios são bem vin­dos assim posso melho­rar a qua­li­dade dos tuto­ri­ais aqui apresentados.

Analisador de MetaTags

Ferramentas No Comments » Marcelo Korjenioski

http://www.submitexpress.com/analyzer/

Caso tenha alguma duvida deixe um comen­tá­rio que terei pra­zer em aju­dar.
Comen­tá­rios são bem vin­dos assim posso melho­rar a qua­li­dade dos tuto­ri­ais aqui apresentados.

JQuery usando bind para adicionar efeito toggle

Javascript No Comments » Marcelo Korjenioski

Segue um exem­plo de como adi­ci­o­nar o efeito tog­gle (alter­nar) estado de um ele­mento  (show) ou (hide) dando bind nos ele­men­tos no evento click.


<html>
<head>
<script type="text/javascript" src="jquery.js"></script>
</head>
<body>

<div>
<span id="pergunta_1">
<p>antropologia</p>
</span>
<span id="resposta_1">
<p>antropologia</p>
</span>
</div>
<div>
<span id="pergunta_2">
<p>FAQP2</p></span>
<span id="resposta_2">
<p>FAQR2</p>
</span>
</div>
<div>
<span id="pergunta_3">
<p>Atividade Complementar</p>
</span>
<span id="resposta_3">
<p>Atividade Complementar</p>
</span>
</div>

<script type="text/javascript">
// Adicionando background
$("span[@id*=pergunta_]").css('background','silver');
// Adicionando um cursor padrao link
$("span[@id*=pergunta_]").css('cursor','pointer');
// Escondendo elementos
$("span[@id*=resposta_]").hide();
// Adicionando evendo click no elementos span com id que iniciam com
// pergunta_ .
$("span[@id*=pergunta_]").bind("click", function(event) {
// Pegando string apartir da possicao 9.
var id = new String(this.id).substring(9);
// Criando string para pegar a id da resposta_ que pertence a pergunta_ .
var resposta_id = 'resposta_' + id;

// Verifica se existe algo dentro da resposta_id para executar toggle.
if ($('#' + resposta_id).length > 0) {
$('#' + resposta_id).toggle();
return false;
}
});
</script>
</body>
</html>

Caso tenha alguma duvida deixe um comen­tá­rio que terei pra­zer em aju­dar.
Comen­tá­rios são bem vin­dos assim posso melho­rar a qua­li­dade dos tuto­ri­ais aqui apresentados.

Cadastro verificar idades.

PHP No Comments » Marcelo Korjenioski

<html>
<head>
<title>Exercício 5 </title>
</head>
<body>
<?php
$nomes =  $_REQUEST['nome'];
$idades = $_REQUEST['idade'];

if ($idades != "" and $nomes != "") {

$maior = $idades[0];
$menor = $idades[0];
$menorNome = $nomes[0];
$maiorNome = $nomes[0];

foreach ($idades as $key => $valor) {
$media++;
$soma = $soma + $valor;
if($valor > $maior) {
$maior = $valor;
$maiorNome = $nomes[$key];
}

if($valor < $menor) {
$menor = $valor;
$menorNome = $nomes[$key];
}

}
echo '------------------------<br>';
echo 'Nome: ' . $menorNome;
echo ' menor idade: ' . $menor;
echo '<br>';
echo '------------------------<br>';
echo 'Nome: ' . $maiorNome;
echo ' maior idade: ' . $maior;
echo '<br>';
echo '------------------------<br>';
echo 'soma das idades: ' . $soma;
echo '<br>';
echo '------------------------<br>';
echo 'media das idades: ' . ($soma / $media);
} else {
echo "Valores não informados";
}

?>

<form action="index.php" method="post"><br />
<label for="nome">nome1:</label>
<input type="text" name="nome[]" value="nome1" />
<br />
<label for="idade">idade1:</label>
<input type="text" name="idade[]" value="1" />
<br />

<label for="nome">nome2:</label>
<input type="text" name="nome[]" value="nome2"/>
<br />
<label for="idade">idade2:</label>
<input type="text" name="idade[]" value="2"/>
<br />

<label for="nome">nome3:</label>
<input type="text" name="nome[]" value="nome3"/>
<br />
<label for="idade">idade3:</label>
<input type="text" name="idade[]" value="3"/>
<br />

<label for="nome">nome4:</label>
<input type="text" name="nome[]" value="nome4"/>
<br />
<label for="idade">idade4:</label>
<input type="text" name="idade[]" value="4"/>
<br />

<label for="nome">nome5:</label>
<input type="text" name="nome[]" value="nome5"/>
<br />
<label for="idade">idade5:</label>
<input type="text" name="idade[]" value="5"/>
<br />

<input type="submit"/>
</form>
</body>
</html>

Caso tenha alguma duvida deixe um comen­tá­rio que terei pra­zer em aju­dar.
Comen­tá­rios são bem vin­dos assim posso melho­rar a qua­li­dade dos tuto­ri­ais aqui apresentados.

Calculadora PHP.

HTML, PHP No Comments » Marcelo Korjenioski
<html>
<head><br>
<title>calculadora</title><br>
</head><br>
<body><br>
<?php<br>
$valor1 = $_REQUEST['valor1'];<br>
$valor2 = $_REQUEST['valor2'];<br>
$ope = $_REQUEST['ope'];</p>
<p>function calculo ($valor1,$valor2,$ope) {<br>
switch ($ope) {<br>
case '+' : $res = ($valor1 + $valor2);<br>
break;</p>
<p>case '-' : $res = ($valor1 - $valor2);<br>
break;</p>
<p>case '/' : $res = ($valor1 / $valor2);<br>
break;</p>
<p>case '*' : $res = ($valor1 * $valor2);<br>
break;<br>
}</p>
<p>return $res;<br>
}</p>
<p>if ($ope != "" and $valor2 != "" and $valor1 != "" and is_numeric($valor2) and is_numeric($valor1)) {<br>
$res = calculo($valor1,$valor2,$ope);<br>
echo 'Resultado: ' , $res;</p>
<p>} else {<br>
echo 'Aceito somente numeros <br>';<br>
}</p>
<p>?><br>
<form action="index.php" method="post"><br /><br>
<label for="valor1">Valor 1:</label><br>
<input type="text" name="valor1" /><br>
<br /><br>
<label for="ope">Operacao:</label><br>
<select name="ope"><br>
<option value="+">soma</option><br>
<option value="-">subtração</option><br>
<option value="*">multiplicação</option><br>
<option value="/">divisão</option><br>
</select><br>
<br /><br>
<label for="valor2">Valor 2:</label><br>
<input type="text" name="valor2" /><br>
<br /></p>
<p><input type="submit" /><br>
</form>
</body>
</html>

Caso tenha alguma duvida deixe um comen­tá­rio que terei pra­zer em aju­dar.
Comen­tá­rios são bem vin­dos assim posso melho­rar a qua­li­dade dos tuto­ri­ais aqui apresentados.

Usando foreach para imprimir valores do array.

PHP No Comments » Marcelo Korjenioski

$x[1]["nome"] = "José";
$x[1]["endereco"] = "Avenida 123";
$x[2]["nome"] = "Antonio";
$x[2]["telefone"] = "555 2332";
$x[2]["endereco"] = "Rua de lá, 1223";
$x[3]["nome"] = "Larissa";
$x[3]["telefone"] = "6767-1212";
$x[3]["email"] = "lari@email.com.br";
$x[4]["nome"] = "Mariana";
$x[4]["telefone"] = "3333-2222";</code></code>

foreach ( $x as $key => $valores) {
echo '-------------------------- <br>';
foreach ($valores as $key2 => $valor)
echo '<strong>' . $key2 . ': ' . '</strong>' . $valor , '<br>';

}

Caso tenha alguma duvida deixe um comentário que terei prazer em ajudar.
Comentários são bem vindos assim posso melhorar a qualidade dos tutoriais aqui apresentados.

Site com tutoriais de .htaccess

.htaccess, PHP, apache No Comments » Marcelo Korjenioski

Site muito bom para apren­der téc­ni­cas para pro­te­ger seu site e agi­li­zar na manu­ten­ção usando .htaccess

http://www.askapache.com

Caso tenha alguma duvida deixe um comen­tá­rio que terei pra­zer em aju­dar.
Comen­tá­rios são bem vin­dos assim posso melho­rar a qua­li­dade dos tuto­ri­ais aqui apresentados.

Verificar valores de input checkbox com JQuery

JQuery, Javascript 6 Comments » Marcelo Korjenioski

Para exe­cu­tar o script abaixo é neces­sá­rio o JQuery

http://docs.jquery.com/Downloading_jQuery

No exem­plo estou usando o JQuery do  Goo­gle APIs.

Segue um exem­plo em fun­ci­o­na­mento.

</code></code></code>

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<title>Phaneronsoft - Verificar valores de input checkbox com JQuery</title>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
</head>
<body>
<input type="checkbox" value="1" name="id[]" class="cinput">1<br>
<input type="checkbox" value="2" name="id[]" class="cinput">2<br>
<input type="checkbox" value="3" name="id[]" class="cinput">3<br>
<input type="checkbox" value="4" name="id[]" class="cinput">4<br>
<input type="checkbox" value="5" name="id[]" class="cinput">5<br>
<input type="checkbox" value="6" name="id[]" class="cinput">6<br>
<input type="checkbox" value="7" name="id[]" class="cinput">7<br>
<button type="button" id="botao">Verificar</button>

<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.3/jquery.min.js" type="text/javascript"></script>
<script type="application/javascript">
function checkBox() {
var files = '';
// Procura em todos os elementos com a classe cinput na página.
$(".cinput:checked").each(function(){
//Verifica se input checkbox esta marcado
//if(this.checked) {
// Adiciona valor do checkbox
files = files + ' [' + this.value + '] ';
//}
});
alert(files);
}
// Adiciona evento ao botão com a função bind
$("#botao").bind("click", function(){
checkBox();
});
</script>
</body>
</html>

Caso tenha alguma duvida deixe um comentário que terei prazer em ajudar.
Comentários são bem vindos assim posso melhorar a qualidade dos tutoriais aqui apresentados.

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<title>Phaneronsoft - Verificar valores de input checkbox com JQuery</title>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
</head>
<body>
<input type="checkbox" value="1" name="id[]" class="cinput">1<br>
<input type="checkbox" value="2" name="id[]" class="cinput">2<br>
<input type="checkbox" value="3" name="id[]" class="cinput">3<br>
<input type="checkbox" value="4" name="id[]" class="cinput">4<br>
<input type="checkbox" value="5" name="id[]" class="cinput">5<br>
<input type="checkbox" value="6" name="id[]" class="cinput">6<br>
<input type="checkbox" value="7" name="id[]" class="cinput">7<br>
<button type="button" id="botao">Verificar</button>

<script src=“http://ajax.googleapis.com/ajax/libs/jquery/1.3/jquery.min.js” type=“text/javascript”></script>
<script type=“application/javascript”>
func­tion check­Box() {
var files = ”;
// Pro­cura em todos os ele­men­tos com a classe cin­put na página.
$(“.cinput”).each(function(){
//Verifica se input check­box esta mar­cado
if(this.checked) {
// Adi­ci­ona valor do check­box
files = files + ’ [‘ + this.value + ’] ‘;
}
});
alert(files);
}
// Adi­ci­ona evento ao botão com a fun­ção bind
$(“#botao”).bind(“click”, func­tion(){
check­Box();
});
</script>
</body>
</html>

Eventos JQuery.

Javascript No Comments » Marcelo Korjenioski

Para exe­cu­tar o script abaixo é neces­sa­rio o JQuery

http://docs.jquery.com/Downloading_jQuery

Even­tos: blur, focus, load, resize, scroll, unload, click, dblclick, mousedown, mouseup, mousemove, mouseover, mouseout, mouseenter, mouseleave, change, select, submit, keydown, keypress, keyup, error


<button type="button" id="botao">Verificar</button>

<script type="application/javascript">

$("#botao").bind("click", function(){
alert('teste');
});

</script>

Caso tenha alguma duvida deixe um comen­tá­rio que terei pra­zer em aju­dar.
Comen­tá­rios são bem vin­dos assim posso melho­rar a qua­li­dade dos tuto­ri­ais aqui apresentados.

Designed by NattyWP Wordpress Themes.
Images by desEXign.