Divine Cod's
Gostaria de reagir a esta mensagem? Crie uma conta em poucos cliques ou inicie sessão para continuar.
Últimos assuntos
Alinhar nome da scategoriasSex Mar 14, 2014 5:16 amrok
Tema deste fórumDom Jul 07, 2013 8:37 pmkamachi
Cor Do TopoTer Abr 23, 2013 6:35 pmQuakeline
Lista de tutoriaisTer Mar 12, 2013 3:58 pmQuakeline
queria uma parceriaQua Fev 20, 2013 8:29 pmQuakeline
Como botar botom Agradecer no topicoQua Fev 20, 2013 8:24 pmQuakeline
Por que widgets destorcem forum?Qua Fev 20, 2013 8:21 pmQuakeline
Como alinhar imagem da categoria à borda do forum?Ter Fev 19, 2013 10:24 amBaiken Mitsuki
Quero este TemaSeg Fev 18, 2013 6:19 pmQuakeline
Os membros mais ativos do mês
Nenhum usuário
Estatísticas
Temos 65 usuários registradosO último membro registrado é Skye W.Os nossos membros postaram um total de 249 mensagensem 61 assuntos
Quem está conectado?
1 usuário online :: 0 registrados, 0 invisíveis e 1 visitante

Nenhum

Ver toda a lista


Ir para baixo
Crow
Crow
sou nível 2
Inscrito dia: : 11/01/2013
Mensagens : 12

Como personalizar JS de Status Empty Como personalizar JS de Status

Qua Jan 16, 2013 2:55 pm
Dúvida:
Bom, como podem ver no seguinte link de meu forum: [Tens de ter uma conta e sessão iniciada para poderes visualizar este link]
Há um java script de status, infelizmente não sei como personaliza-lo para que apareça mais que 3 posts, gostaria que aparece-se 7 Posts se possível.

Forum:
[Tens de ter uma conta e sessão iniciada para poderes visualizar este link]

Versão:
PUNBB

Quakeline
Quakeline
Administrador
Administrador
Inscrito dia: : 09/01/2013
Mensagens : 89

Como personalizar JS de Status Empty Re: Como personalizar JS de Status

Qua Jan 16, 2013 3:10 pm
Olá,

Poderia me passar o código utilizado

Até
Crow
Crow
sou nível 2
Inscrito dia: : 11/01/2013
Mensagens : 12

Como personalizar JS de Status Empty Re: Como personalizar JS de Status

Qua Jan 16, 2013 3:12 pm
Aqui está:
Código:

<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js" type="text/javascript"></script>
<meta http-equiv="content-type" content="text/html; charset=utf-8" />
<script>
function get(){jQuery.get('/f1-seu-primeiro-forum', function(o) {
  p = jQuery('.topic-title:eq(3)', o).html();
  jQuery('#feed1').html(p);
 
  q = jQuery('.topic-title:eq(4)', o).html();
  jQuery('#feed2').html(q);
 
  s = jQuery('.topic-title:eq(5)', o).html();
  jQuery('#feed3').html(s);
jQuery('#send').val('Enviar');
});}
</script>
<script language=JavaScript>
<!--
 
///////////////////////////////////
function clickIE4(){
if (event.button==2){
return false;
}
}
 
function clickNS4(e){
if (document.layers||document.getElementById&&!document.all){
if (e.which==2||e.which==3){
return false;
}
}
}
 
if (document.layers){
document.captureEvents(Event.MOUSEDOWN);
document.onmousedown=clickNS4;
}
else if (document.all&&!document.getElementById){
document.onmousedown=clickIE4;
}
 
document.oncontextmenu=new Function(";return false")
 
// --> 
</script>
 <script>
jQuery(document).ready(function(){jQuery('#send').click(function(d){d.preventDefault();jQuery('#send').val('Carregando...');jQuery.ajax({type:'post',url:'/post',data:{mode:'newtopic',f:'254',message:'Sua mensagem padrão',subject:jQuery('#titulo').val(),post:'e'}}); setTimeout(function(){get()},3000);jQuery('#reset').click();
});
setInterval(function(){impedir()},300);
});
function impedir(){jQuery('#feed3 a,#feed2 a,#feed1 a').click(function(a){a.preventDefault(); get();});}
</script>
<script>
jQuery(document).ready(function(){jQuery.get('/f1-seu-primeiro-forum', function(data) {
  html = jQuery('.topic-title:eq(3)', data).html();
  jQuery('#feed1').html(html);
 
  html2 = jQuery('.topic-title:eq(4)', data).html();
  jQuery('#feed2').html(html2);
 
  html3 = jQuery('.topic-title:eq(5)', data).html();
  jQuery('#feed3').html(html3);
jQuery('#send').val('Enviar');
});});
</script>
<style>
body {
text-align: center;
margin:0px;
margin-top:1px;
}
.last-status:before {
content: "Mural de Atualizações";
position: Absolute;
color: #FCFCFC;
top: 1px;
font-family: Arial;
font-weight: bold;
font-size: 17px;
letter-spacing: -1px;
text-shadow: 0px 0px 3px black;
text-transform: uppercase;
}
.post{
    background-color: rgb(65, 65, 65);
    color: white;
    padding: 9px;
    border-radius: 6px;
    border: 1px solid black;
    letter-spacing: 0px;
    margin: 16px;
}
.submit-buttons {
    border: none;
    float: right;
}
dd {
    float: left;
    margin: 0;
}
td {
padding-left: 79px;
}
.fields1 {
    float: left;
    border: none;
    margin: 0;
    padding: 0;
}
.panel {
    float: left;
    margin: 0;
    padding: 0;
}
#send {
font-size: 12px;
}
dl {
    margin: 0;
    float: left;
}
dt {
    float: left;
    display: none;
}
#field {
}
.h3 {
    display: none;
}
.corners-top {
    display: none;
}
.inner {
    margin: -5px;
}
.button2 {
    vertical-align: middle;
    padding: 12px;
}
.button2 , .mainoption {
    background-color: #00064D;
    color: white;
    padding: 15px;
    border-radius: 16px;
    font-weight: bold;
}
.actualize {
    color: rgb(225, 223, 233);
    font-weight: bold;
    cursor: pointer;
    font-family: Arial;
    font-size: 11px;
    text-shadow: 0px 0px 8px blue;
    float: right;
margin-top:-10px;
}
#send {
font-size: 11px !important;
border-radius: 1px !Important;
padding: 9px;
border-color: #0E003D;
cursor: pointer;
}
.last-status {
width: 61%;
border: 2px dotted gray;
height: 30px;
padding: 12px;
margin: 5px;
box-shadow: 0px 0px 44px rgba(128, 128, 128, 0.22);
border-radius: 9px;
overflow: auto;
float: right;
}
#statusclrpgo1ohlonbl2pm3tork71fef4hl8 {
    text-align: left;
    color: rgb(216, 216, 216);
}
.button2 .mainoption {
float: right;
}
li {
    list-style: none;
}
span a {
    color: rgb(163, 163, 163);
    font-weight: bold;
    font-family: Arial;
    font-size: 12px;
    text-decoration: none;
    cursor: default;
}
.feedItemAuthor {
    float: left;
    margin: 4px;
    margin-left: 13px;
    font-size: 11px;
    font-weight: bold;
    font-family: Calibri;
    color: rgb(78, 78, 78);
}
.feedItemAuthor:before {
    content: "Por ";
}
.date {
    font-size: 9px;
    margin-top: 5px;
    color: gray;
    font-family: Arial;
}
#creditfooter {
    display: none;
}
span a:before {
    content: " '' ";
    font-size: 10px;
    font-weight: bold;
    color: rgb(187, 187, 187);
}
#flip {
padding: 10px;
background-color: #363636;
color: #F1F1F1;
width: 25%;
border-radius: 9px;
cursor: pointer;
margin-left: 345px;
margin-top: 40px;
}
span a:after {
    content: "    '' ";
    font-size: 10px;
    font-weight: bold;
    color: rgb(187, 187, 187);
}
.button2, .mainoption {
border: 2px double #101094;
}
.status {
    background-color: rgb(8, 0, 27);
    width: 19px;
    height: 18px;
}
.button2:hover, .mainoption:hover {
    background-color: darkblue;
}
form:after {
    content: "Não é permitido a postagem de links, e ofensas ";
    font-weight:bold;
    margin:9px 30px;
    font-family:Calibri;
    color: gray;
    display: block;
    font-size: 12px;
}
.topictitle {
    color: white;
    text-decoration: none;
    font-family: Calibri;
    cursor: default;
    -webkit-user-select: auto;
}
#feed1, #feed2, #feed3 {
margin-top: 1px;
border-bottom: 1px solid gray;
padding: 4px;
color: gray;
font-family: Calibri;
}
.name {
    font-size: 0px;
    padding: 3px;
}
.last-status {
    width: 222px !Important;
    height: 255px;
}
.topictitle:before {
    content: " '' ";
    font-weight: bold;
    font-size: 12px;
    color: rgb(206, 206, 206);
}

.topictitle:after {
    content: " '' ";
    font-weight: bold;
    font-size: 12px;
    color: rgb(206, 206, 206);
}
#titulo {
    width: 146px;
}
body {
overflow: hidden;
}
.name a {
font-size: 9px;
}
.last-status {
border-left: 12px solid #575757;
margin-left: 47px;
}
.fixed {
color: gray;
font-size: 11px;
font-family: Calibri,Arial;
font-weight: bold;
-webkit-font-smoothing: antialiased;
position: fixed;
bottom: 2px;
left: 8px;
}
.fixed2 a {
text-decoration: none;
color: #E20404;
font-weight: bold;
font-family: Arial;
font-size: 12px;
}
.fixed2 {
position: fixed;
bottom: 0;
right: 0;
color: red;
font-weight: bold;
text-decoration: none;
}
.topictitle {
    overflow: hidden;
word-wrap: normal;
-o-text-overflow: ellipsis;
text-overflow: ellipsis;
}
.titulo {
color: white;
font-size: 27px;
position: absolute;
top: 4px;
left: 10px;
font-weight: bold;
font-family: Calibri;
text-transform: uppercase;
letter-spacing: -2px;
text-shadow: 1px 1px 1px black;
}
l {
color: #727272;
float: right;
position: absolute;
right: 4px;
top: 3px;
font-family: Calibri,Arial;
}form {}
#text_editor_textarea {
display: none;
}
</style>
<span class="titulo">Poste seu status!</span><l>v.beta</l>
<table>
<tr>
<td>
<form action="/posting.forum" method="post" enctype="multipart/form-data">

<!-- HTML do Formulário -->
<input type="text" id="titulo" name="subject" class="post" placeholder="Oque está pensando?" maxlength="70" />
<textarea id="mensagem" name="nome2" rows="7" cols="7" value="CLRPG stats system beta" style="display:none;"></textarea>

<!-- Ocultos -->
<input type="hidden" name="f" value="254" />
<input type="hidden" name="message" value="Sua mensagem padrão" />
<input type="hidden" name="mode" value="newtopic" />
<input type="hidden" name="lt" value="0" />

<!-- Enviar -->
<input type="submit" name="post" class="button2" value="Enviar" id="send" /></form>
<input type="hidden" name="subject" value="O script não enviou o título" />
<input type="hidden" name="description" value="O script não enviou a descrição" />
<input type="hidden" name="message" value="O script não enviou a mensagem" />

</td><td>

<div class="last-status">
<div class="actualize"><span class="t" id="reset" onclick="get()">Clique aqui para atualizar</span></div>
<div id="feed1">Buscando...</div><div id="feed2"></div><div id="feed3"></div>


</div></td></tr></table><div class="fixed2"><a href="/privmsg?mode=post&u=1" target="_blank">(Problemas?)</a></div><div class="fixed">Desenvolvido por LucasRPG e MateusV. (Todos os direitos pertencem aos criadores)</div>
avatar
FireWhip
sou nível 1
Inscrito dia: : 10/01/2013
Mensagens : 1

Como personalizar JS de Status Empty Re: Como personalizar JS de Status

Qui Jan 17, 2013 7:17 am
Olá!

fiz umas trocas no código, vê ai senhor se deu certo.
Código:

<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js" type="text/javascript"></script>
<meta http-equiv="content-type" content="text/html; charset=utf-8" />
<script>
function get(){jQuery.get('/f1-seu-primeiro-forum', function(o) {
  p = jQuery('.topic-title:eq(3)', o).html();
  jQuery('#feed1').html(p);
 
  q = jQuery('.topic-title:eq(4)', o).html();
  jQuery('#feed2').html(q);
 
  s = jQuery('.topic-title:eq(5)', o).html();
  jQuery('#feed3').html(s);

  t = jQuery('.topic-title:eq(6)', o).html();
  jQuery('#feed1').html(p);

  u = jQuery('.topic-title:eq(7)', o).html();
  jQuery('#feed1').html(p);

  v = jQuery('.topic-title:eq(8)', o).html();
  jQuery('#feed1').html(p);

  w = jQuery('.topic-title:eq(9)', o).html();
  jQuery('#feed1').html(p);
jQuery('#send').val('Enviar');
});}
</script>
<script language=JavaScript>
<!--
 
///////////////////////////////////
function clickIE4(){
if (event.button==2){
return false;
}
}
 
function clickNS4(e){
if (document.layers||document.getElementById&&!document.all){
if (e.which==2||e.which==3){
return false;
}
}
}
 
if (document.layers){
document.captureEvents(Event.MOUSEDOWN);
document.onmousedown=clickNS4;
}
else if (document.all&&!document.getElementById){
document.onmousedown=clickIE4;
}
 
document.oncontextmenu=new Function(";return false")
 
// --> 
</script>
 <script>
jQuery(document).ready(function(){jQuery('#send').click(function(d){d.preventDefault();jQuery('#send').val('Carregando...');jQuery.ajax({type:'post',url:'/post',data:{mode:'newtopic',f:'254',message:'Sua mensagem padrão',subject:jQuery('#titulo').val(),post:'e'}}); setTimeout(function(){get()},3000);jQuery('#reset').click();
});
setInterval(function(){impedir()},300);
});
function impedir(){jQuery('#feed3 a,#feed2 a,#feed1 a').click(function(a){a.preventDefault(); get();});}
</script>
<script>
jQuery(document).ready(function(){jQuery.get('/f1-seu-primeiro-forum', function(data) {
  html = jQuery('.topic-title:eq(3)', data).html();
  jQuery('#feed1').html(html);
 
  html2 = jQuery('.topic-title:eq(4)', data).html();
  jQuery('#feed2').html(html2);
 
  html3 = jQuery('.topic-title:eq(5)', data).html();
  jQuery('#feed3').html(html3);
jQuery('#send').val('Enviar');
});});
</script>
<style>
body {
text-align: center;
margin:0px;
margin-top:1px;
}
.last-status:before {
content: "Mural de Atualizações";
position: Absolute;
color: #FCFCFC;
top: 1px;
font-family: Arial;
font-weight: bold;
font-size: 17px;
letter-spacing: -1px;
text-shadow: 0px 0px 3px black;
text-transform: uppercase;
}
.post{
    background-color: rgb(65, 65, 65);
    color: white;
    padding: 9px;
    border-radius: 6px;
    border: 1px solid black;
    letter-spacing: 0px;
    margin: 16px;
}
.submit-buttons {
    border: none;
    float: right;
}
dd {
    float: left;
    margin: 0;
}
td {
padding-left: 79px;
}
.fields1 {
    float: left;
    border: none;
    margin: 0;
    padding: 0;
}
.panel {
    float: left;
    margin: 0;
    padding: 0;
}
#send {
font-size: 12px;
}
dl {
    margin: 0;
    float: left;
}
dt {
    float: left;
    display: none;
}
#field {
}
.h3 {
    display: none;
}
.corners-top {
    display: none;
}
.inner {
    margin: -5px;
}
.button2 {
    vertical-align: middle;
    padding: 12px;
}
.button2 , .mainoption {
    background-color: #00064D;
    color: white;
    padding: 15px;
    border-radius: 16px;
    font-weight: bold;
}
.actualize {
    color: rgb(225, 223, 233);
    font-weight: bold;
    cursor: pointer;
    font-family: Arial;
    font-size: 11px;
    text-shadow: 0px 0px 8px blue;
    float: right;
margin-top:-10px;
}
#send {
font-size: 11px !important;
border-radius: 1px !Important;
padding: 9px;
border-color: #0E003D;
cursor: pointer;
}
.last-status {
width: 61%;
border: 2px dotted gray;
height: 30px;
padding: 12px;
margin: 5px;
box-shadow: 0px 0px 44px rgba(128, 128, 128, 0.22);
border-radius: 9px;
overflow: auto;
float: right;
}
#statusclrpgo1ohlonbl2pm3tork71fef4hl8 {
    text-align: left;
    color: rgb(216, 216, 216);
}
.button2 .mainoption {
float: right;
}
li {
    list-style: none;
}
span a {
    color: rgb(163, 163, 163);
    font-weight: bold;
    font-family: Arial;
    font-size: 12px;
    text-decoration: none;
    cursor: default;
}
.feedItemAuthor {
    float: left;
    margin: 4px;
    margin-left: 13px;
    font-size: 11px;
    font-weight: bold;
    font-family: Calibri;
    color: rgb(78, 78, 78);
}
.feedItemAuthor:before {
    content: "Por ";
}
.date {
    font-size: 9px;
    margin-top: 5px;
    color: gray;
    font-family: Arial;
}
#creditfooter {
    display: none;
}
span a:before {
    content: " '' ";
    font-size: 10px;
    font-weight: bold;
    color: rgb(187, 187, 187);
}
#flip {
padding: 10px;
background-color: #363636;
color: #F1F1F1;
width: 25%;
border-radius: 9px;
cursor: pointer;
margin-left: 345px;
margin-top: 40px;
}
span a:after {
    content: "    '' ";
    font-size: 10px;
    font-weight: bold;
    color: rgb(187, 187, 187);
}
.button2, .mainoption {
border: 2px double #101094;
}
.status {
    background-color: rgb(8, 0, 27);
    width: 19px;
    height: 18px;
}
.button2:hover, .mainoption:hover {
    background-color: darkblue;
}
form:after {
    content: "Não é permitido a postagem de links, e ofensas ";
    font-weight:bold;
    margin:9px 30px;
    font-family:Calibri;
    color: gray;
    display: block;
    font-size: 12px;
}
.topictitle {
    color: white;
    text-decoration: none;
    font-family: Calibri;
    cursor: default;
    -webkit-user-select: auto;
}
#feed1, #feed2, #feed3 {
margin-top: 1px;
border-bottom: 1px solid gray;
padding: 4px;
color: gray;
font-family: Calibri;
}
.name {
    font-size: 0px;
    padding: 3px;
}
.last-status {
    width: 222px !Important;
    height: 255px;
}
.topictitle:before {
    content: " '' ";
    font-weight: bold;
    font-size: 12px;
    color: rgb(206, 206, 206);
}

.topictitle:after {
    content: " '' ";
    font-weight: bold;
    font-size: 12px;
    color: rgb(206, 206, 206);
}
#titulo {
    width: 146px;
}
body {
overflow: hidden;
}
.name a {
font-size: 9px;
}
.last-status {
border-left: 12px solid #575757;
margin-left: 47px;
}
.fixed {
color: gray;
font-size: 11px;
font-family: Calibri,Arial;
font-weight: bold;
-webkit-font-smoothing: antialiased;
position: fixed;
bottom: 2px;
left: 8px;
}
.fixed2 a {
text-decoration: none;
color: #E20404;
font-weight: bold;
font-family: Arial;
font-size: 12px;
}
.fixed2 {
position: fixed;
bottom: 0;
right: 0;
color: red;
font-weight: bold;
text-decoration: none;
}
.topictitle {
    overflow: hidden;
word-wrap: normal;
-o-text-overflow: ellipsis;
text-overflow: ellipsis;
}
.titulo {
color: white;
font-size: 27px;
position: absolute;
top: 4px;
left: 10px;
font-weight: bold;
font-family: Calibri;
text-transform: uppercase;
letter-spacing: -2px;
text-shadow: 1px 1px 1px black;
}
l {
color: #727272;
float: right;
position: absolute;
right: 4px;
top: 3px;
font-family: Calibri,Arial;
}form {}
#text_editor_textarea {
display: none;
}
</style>
<span class="titulo">Poste seu status!</span><l>v.beta</l>
<table>
<tr>
<td>
<form action="/posting.forum" method="post" enctype="multipart/form-data">

<!-- HTML do Formulário -->
<input type="text" id="titulo" name="subject" class="post" placeholder="Oque está pensando?" maxlength="70" />
<textarea id="mensagem" name="nome2" rows="7" cols="7" value="CLRPG stats system beta" style="display:none;"></textarea>

<!-- Ocultos -->
<input type="hidden" name="f" value="254" />
<input type="hidden" name="message" value="Sua mensagem padrão" />
<input type="hidden" name="mode" value="newtopic" />
<input type="hidden" name="lt" value="0" />

<!-- Enviar -->
<input type="submit" name="post" class="button2" value="Enviar" id="send" /></form>
<input type="hidden" name="subject" value="O script não enviou o título" />
<input type="hidden" name="description" value="O script não enviou a descrição" />
<input type="hidden" name="message" value="O script não enviou a mensagem" />

</td><td>

<div class="last-status">
<div class="actualize"><span class="t" id="reset" onclick="get()">Clique aqui para atualizar</span></div>
<div id="feed1">Buscando...</div><div id="feed2"></div><div id="feed3"></div>


</div></td></tr></table><div class="fixed2"><a href="/privmsg?mode=post&u=1" target="_blank">(Problemas?)</a></div><div class="fixed">Desenvolvido por LucasRPG e MateusV. (Todos os direitos pertencem aos criadores)</div>

Até mais.
Crow
Crow
sou nível 2
Inscrito dia: : 11/01/2013
Mensagens : 12

Como personalizar JS de Status Empty Re: Como personalizar JS de Status

Qui Jan 17, 2013 7:39 am
Encontrei alguns prblemas perante o código, apesar deu te-lo copiado corretamente, o botão "Enviar" não está a funcionar, caso deseje ver o forum na qual eu peguei o código, acesse: [Tens de ter uma conta e sessão iniciada para poderes visualizar este link]
E a pagina html utilizada: [Tens de ter uma conta e sessão iniciada para poderes visualizar este link]
Crow
Crow
sou nível 2
Inscrito dia: : 11/01/2013
Mensagens : 12

Como personalizar JS de Status Empty Re: Como personalizar JS de Status

Sáb Jan 19, 2013 9:20 am
Up!
Quakeline
Quakeline
Administrador
Administrador
Inscrito dia: : 09/01/2013
Mensagens : 89

Como personalizar JS de Status Empty Re: Como personalizar JS de Status

Seg Jan 21, 2013 5:45 pm
Olá,

Poderia me informar aonde deseja que quando clicar no botão enviar seja postado ?


Até
Crow
Crow
sou nível 2
Inscrito dia: : 11/01/2013
Mensagens : 12

Como personalizar JS de Status Empty Re: Como personalizar JS de Status

Qua Jan 23, 2013 11:16 am
para a categoria "seu primeiro forum"
Conteúdo patrocinado

Como personalizar JS de Status Empty Re: Como personalizar JS de Status

Ir para o topo
Permissões neste sub-fórum
Não podes responder a tópicos