- Crowsou nível 2
- Inscrito dia: : 11/01/2013
Mensagens : 12
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
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
- QuakelineAdministrador
- Inscrito dia: : 09/01/2013
Mensagens : 89
Re: Como personalizar JS de Status
Qua Jan 16, 2013 3:10 pm
Olá,
Poderia me passar o código utilizado
Até
Poderia me passar o código utilizado
Até
- Crowsou nível 2
- Inscrito dia: : 11/01/2013
Mensagens : 12
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>
- FireWhipsou nível 1
- Inscrito dia: : 10/01/2013
Mensagens : 1
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.
Até mais.
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.
- Crowsou nível 2
- Inscrito dia: : 11/01/2013
Mensagens : 12
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]
E a pagina html utilizada: [Tens de ter uma conta e sessão iniciada para poderes visualizar este link]
- Crowsou nível 2
- Inscrito dia: : 11/01/2013
Mensagens : 12
Re: Como personalizar JS de Status
Sáb Jan 19, 2013 9:20 am
Up!
- QuakelineAdministrador
- Inscrito dia: : 09/01/2013
Mensagens : 89
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é
Poderia me informar aonde deseja que quando clicar no botão enviar seja postado ?
Até
- Crowsou nível 2
- Inscrito dia: : 11/01/2013
Mensagens : 12
Re: Como personalizar JS de Status
Qua Jan 23, 2013 11:16 am
para a categoria "seu primeiro forum"
Permissões neste sub-fórum
Não podes responder a tópicos