Ir para conteúdo
Fórum Script Brasil

George Gomes

Membros
 Perfil  Explorar Conteúdo

  • Total de itens

    19

  • Registro em

  • Última visita

 Tipo de Conteúdo 

Posts postados por George Gomes

  8. Botão que insere Menu

    em Ajax, JavaScript, XML, DOM

    Postado

    Pessoal preciso de uma ajudinha!!!

    Tenho um menu flutuante q esta funcionando blezinha,

    Só q eu preciso do seguinte.

    Esse menu não pode aparecer de inicio na página para ele aparecer eu tenho q apertar em um botão !!

    Ex:

    Agora o menu assim q abre a página ele aparece,

    mas eu preciso colocar ele em algum botão, tipo para quando eu apertar no botão ele aparecer.

    minha idéia é colocar em uma função e no botão chamar essa função só q eu não manjo se puderem me ajudem !!

    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" 

"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html 

xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" 

content="text/html; charset=UTF-8" />
<title>Menu Flutuante</title>


&lt;script src="http://ajax.googleapis.com/ajax/libs/jquery/1.2.6/jquery.min.js"></script>



&lt;script language="javascript">

$(document).ready(function(){
    
var y_fixo = $("#menu").offset().top;
    
    $(window).scroll(function () {
        
        $("#menu").animate({
top: y_fixo+$(document).scrollTop()+"px"
},

{duration:500,queue:false}
);
    
    });

});


</script>


<style type="text/css">


body {
    
    background-color:#FFF;
    
    color:#444;
    
    font:12px "Lucida Grande", "Lucida Sans", "Trebuchet MS", verdana, sans-serif;
    
    line-height: 15px;

}

#menu {
    
    left:0px;
    
    margin:0;
    
    padding:0;
        position:absolute;
    
    top:100px;
    
    width:150px;

}

#menu ul {
    
    list-style:none;
    
    margin:0;
    
    padding:0;

}

#menu ul li {
        margin-bottom:2px;

}

#menu ul li a {
    
    background-color:#333;
    
    border:1px solid #999;
    
    color:#FFF;
    
    display:block;
        padding:5px 5px 5px 15px;
    
    text-decoration:none;

}

#menu ul li a:hover {
    
    background-color:#ccc;
    
    color:#333;

}

</style>

</head>

<body>



</p>


<div id="menu">
  
<ul class="menu">
    
<li><a href="#" onclick="return false;"> Menu item 1 </a></li>
    
<li><a href="#" onclick="return false;"> Item de menu 2 </a></li>
    
<li><a href="#" onclick="return false;"> Item 3 do menu </a></li>
    <li><a href="#" 

onclick="return false;"> Item de menu 4 </a></li>
    
<li><a href="#" onclick="return false;"> Menu item 5 </a></li>
  
</ul>

</div>

<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>

</body>

</html>

  9. TextArea Editor

    em Ajax, JavaScript, XML, DOM

    Postado

    Irei te dizer o meu problema cara!

    é o seguinte !!

    eu tenho q fazer um editor de textos em javascript porque o que tinha em DHTML q era super eficiente esta com o problema q não funciona em windows vista, eles descontinuaram o ActiveX q controla o DHTML, entaum estou tentando fazer um editor em javascript.

    Esse editor em DHTML, criava também uma tabela em uma textarea entendeu??

    eu seleciona quantas linhas e colunas eu queria e ele montava a tabela na textarea !!

    É isso q eu preciso !!

  12. TextArea Editor

    em Ajax, JavaScript, XML, DOM

    Postado

    Pessoal é o seguinte !!

    tenho o código abaixo só q não consigo fazer com q a textarea funcione corretamente!

    quando eu clico na formatação ele não atribui o ID para a text area se fosse em um frame daria certo, o unico problema é q no frame eu não consegui fazer a quebra de linha: exemplo, quando chegar no final do frame o texto descer automáticamente, se souberem de algum jeito agradesço.

    <html>
<head>
<title>Teste Criar um Editor de Texto...</title>
<link rel="stylesheet" href="style.css">
<style type="text/css">
a:link {text-decoration:none};
a:visited {text-decoration:none};
a:hover{text-decoration:none};
a:active{text-decoration:none};
</style>

<script language="JavaScript">

function teste(){

var n=navigator.appVersion;
var v=n.indexOf("NT");
var versao=n.charAt(v+3)
if(versao=="6"){
alert("Windows Vista");
}else if(versao=="5"){
alert("Windows XP")
}

}

function iniciar(){
editor.document.designMode='On';
}
function italico(){
editor.document.execCommand('italic',false,null);
}
function negrito(){
editor.document.execCommand('bold', false,null); 
}
function sublinhado(){
editor.document.execCommand('underline',false,null);
}
function alinhado_esquerda(){
editor.document.execCommand('justifyleft',false,null);
}
function alinhado_direita(){
editor.document.execCommand('justifyright',false,null);
}
function alinhado_centro(){
editor.document.execCommand('justifycenter',false,null);
}
function undo(){
editor.document.execCommand('undo',false,null);
}
function redo(){
editor.document.execCommand('redo',false,null);
}
function recortar(){
editor.document.execCommand('cut',false,null);
}
function colar(){
editor.document.execCommand('paste',false,null);
}
function copiar(){
editor.document.execCommand('copy',false,null);
}
function marcador(){
editor.document.execCommand('insertunorderedlist',false,null);
}
function numeracao(){
editor.document.execCommand('insertorderedlist',false,null);
}
function fonte(fonte){
if(fonte!='')
editor.document.execCommand('fontname',false,fonte);
}
function tamanho(tamanho){
if(tamanho!='')
editor.document.execCommand('fontsize',false,tamanho);
}


</script>
</head>
<body onLoad="iniciar()" bgcolor="#EFEDE1">
<div id="Menu_Topo">
<table border="0">

<tr>
<td>

<!Fonte>
<select name="fonte" onChange="fonte(this.options[this.selectedIndex].value)">
<option value=""></option>
<option value="Arial">Arial</option>
<option value="Arial Black">Arial Black</option>
<option value="verdana">Verdana</option>
<option value="Georgia">Georgia</option>
<option value="batang">Batang</option>
<option value="calibri">Calibri</option>
<option value="Times New Roman">Times New Roman</option>
</select>

<!Tamanho>
<select name="tamanho" onChange="tamanho(this.options[this.selectedIndex].value)">
<option value=""></option>
<option value="1">1</option>
<option value="2">2</option>
<option value="3">3</option>
<option value="4">4</option>
<option value="5">5</option>
<option value="6">6</option>
<option value="7">7</option>

</select>

</td>
<td>
<center>
<!Itálico>
<img src="imagens\italico.gif" onClick="italico()" style="cursor:hand">

<!Negrito>
<img src="imagens\negrito.gif" onClick="negrito()" style="cursor:hand">

<!Sublinhado>
<img src="imagens\sublinhado.gif" onClick="sublinhado()" style="cursor:hand">

<!Alinhado Esquerdo>
<img src="imagens\alinhamentoesquerda.gif" onClick="alinhado_esquerda()" style="cursor:hand">

<!Centralizado>
<img src="imagens\centralizado.gif" onClick="alinhado_centro()" style="cursor:hand">

<!Alinhamento Direita>
<img src="imagens\alinhamentodireita.gif" onClick="alinhado_direita()" style="cursor:hand">

<!Desfazer>
<img src="imagens\desfazer.gif" onClick="undo()" style="cursor:hand">

<!Refazer>
<img src="imagens\refazer.gif" onCLick="redo()" style="cursor:hand">

<!Recortar>
<img src="imagens\recortar.gif" onclick="recortar()" style="cursor:hand">

<!Colar>
<img src="imagens\colar.gif" onClick="colar()" style="cursor:hand">

<!Copiar>
<img src="imagens\copiar.gif" onCLick="copiar()" style="cursor:hand">

<!Marcador> 
<img src="imagens\marcador.gif" onClick="marcador()" style="cursor:hand">

<!Numeração>
<img src="imagens\numeracao.gif" onClick="numeracao()" style="cursor:hand">



</center> 
</td>
</tr>
</table>
</div>

<div id="Frame">
<center>
<fieldset>
<textarea name="editor" id="editor">Digite sua mensagem aqui !</textarea> 
</fieldset>
</div>

</body>
</html>

  17. Autocompletar data (Ano)

    em Ajax, JavaScript, XML, DOM

    Postado

    ENtaum cara você testou esse código q eu coloquei???

    eu tenho essa função só q essa função ai troca o dia pelo mês exemplo!!!

    se eu digitar 12/10/09 ele completa 12/10/2009 certo é isso mesmo para completar !!

    até aqui tudo bem !!

    mas já se eu coloco no dia um valor acima de 12 exemplo 13/10/09 ele joga 13/10/2010,

    ele esta jogando um ano depois entende !!

    você manja tenta analizar esse código testa ele e vê o que dá cara !!

    estou precisando muito disto

    vlw

  18. Autocompletar data (Ano)

    em Ajax, JavaScript, XML, DOM

    Postado

    entaum cara não deu certo esse código ai mas assim eu tenho uma função q faz isso só q esta errada

    ela esta trocando o dia pelo mês exemplo: se eu digitar 12/10/09 ele coloca 12/20/2012, se eu colocar 13/10/09 ele coloca 13/10/2013 entende!

    ele joga para o próximo ano !!

    o código est abaixo

    // INICIALIZA VARIÁVEIS DE VALIDAÇÃO DE FORMATO COMO FALSAS //
    var temD = false;
    var temM = false;
    var temY = false;
    
    // INICIA O TAMANHO PARA CADA VARIÁVEL COMO 1 CARACTER //
    var tamD = 0;
    var tamM = 0;
    var tamY = 0;
    
    // VERIFICA A POSIÇÃO EM QUE SE ENCONTRA CADA VARIÁVEL //
    var posM = forma.indexOf('d');
    var posD = forma.indexOf('M');
    var posY = forma.indexOf('y');
    
    // VERIFICA QUAIS VARIÁVEIS FORAM LOCALIZADAS //
    if (posM > -1) tamM = 1;
    if (posD > -1) tamD = 1;
    if (posY > -1) tamY = 1;
    
    if (tamY == 0) return d1;
    
    // VERIFICA QUANTIDADE DE CARACTERES PARA CADA VARIÁVEL //
    if (tamD > 0) {
        pos = posD + 1;
        car = forma.substring(pos, pos + 1);
        while (car == 'M') {
            tamD += 1;
            pos += 1;
            car = forma.substring(pos, pos + 1);
        }
    }
    
    if (tamM > 0) {
        pos = posM + 1;
        car = forma.substring(pos, pos + 1);
        while (car == 'd') {
            tamM += 1;
            pos += 1;
            car = forma.substring(pos, pos + 1);
        }
    }
    
    total = tamD + tamM;
    if (tamM >0 && tamD > 0) total += 1;
    var mydate = new Date();
    var theyear = mydate.getFullYear();
    var d2;
    
    if (d1 == '') {
        
        d2 = d1;
        
    } else if (d1.length < total) {
        d2 = d1;
    } else if (d1.length == total) {
        d2 = d1 + '/' + theyear;
    } else {
        mydate = new Date(d1);
        
        var theyear = mydate.getFullYear();
        
        var ano = new String(theyear);
        
        if (theyear < 1980) theyear = '20' + ano.substring(2);
        
        d2 = d1.substring(0, 6) + theyear;

}
    return d2;
    
}

×
×
  • Criar Novo...