Isto é uma pré-visualização de um tema em Hitskin.com
Instalar o tema • Voltar para a ficha do tema
Como colocar esta ShoutBox
3 participantes
Fórum dos Fóruns :: Ajuda e atendimento ao utilizador :: Questões sobre códigos :: Questões resolvidas sobre códigos Javascript e jQuery
Página 1 de 1
Como colocar esta ShoutBox
Detalhes da dúvida
Versão do fórum : PunBBNível de acesso : Fundador
Navegador usado : Google Chrome
Membros afetados : Todos os membros do fórum
Endereço do fórum : Não é necessário
Descrição do problema
Pessoas, alguém sabe me dizer como posso colocar a ShoutBox igual deste fórum:http://pvp.jairocraft.com.br/forum/index.php
Re: Como colocar esta ShoutBox
Olá,
Crie uma Pagina HTMl com este Codigo :
Pegue o ID do HTMl
Exemplo : /h1-
e Utilize este Codigo :
Trocando onde esta "/h1-"
Pelo ID da Pagina HTML
Crie uma Pagina HTMl com este Codigo :
- Código:
<!--
// Copyright? (c) 2013 JScript <jscriptbrasil at live.com>
// This work is free. You can redistribute it and/or modify it
// under the terms of the WTFPL, Version 2
// Based on IPBoard ShoutBox, all rights reserved!
-->
<!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>
<title>Chatbox</title>
<meta content="text/html; charset=utf-8" http-equiv="content-type"/>
<meta content="text/javascript" http-equiv="content-script-type"/>
<meta content="text/css" http-equiv="content-style-type"/>
<link href="http://illiweb.com/fa/favicon/write.ico" type="image/x-icon" rel="shortcut icon"/>
<link type="text/css" href="https://googledrive.com/host/0BywKunb3ieyDdVlWcUlScmk2SlE/ShoutBox.css" rel="stylesheet"/>
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"></script>
<script type="text/javascript" src="https://googledrive.com/host/0BywKunb3ieyDdVlWcUlScmk2SlE/lz-string-1.3.0-rc1.js"></script>
<script type="text/javascript" src="https://googledrive.com/host/0BywKunb3ieyDaW5OTFJCWl95VzA/ShoutBox.js" charset="ISO-8859-1"></script>
<script type="text/javascript">
//<![CDATA[
var params = '?archives=1';
var smilies_sid = '';
var url_chat = '/chatbox/index.forum';
//]]>
</script>
<style type="text/css">
* {margin: 0;padding: 0;}
html, body {overflow: hidden;}
body {padding: 0;margin: 0;background-color: #fbfbfb; font-family: helvetica,arial,sans-serif !important}
.fontbutton {border:0;}
</style>
</head>
<body vlink="" text="#333333" link="#225985" bgcolor="#fbfbfb" onload="parent.updateIframeSize('iframe_shoutbox', $('html').height());" oncontextmenu="return false;">
<div id="ajax_loading" style="display: none;"><img alt="Carregando..." src="http://i69.servimg.com/u/f69/18/17/62/92/ajax_l10.gif"/></div>
<div id="shoutbox-temp-msgs" style="display: none;"></div>
<div id="shoutbox-temp-imgs" style="display: none;"></div>
<div id="category_shoutbox" class="category_block block_wrap" style="min-height: 300px; min-width: 720px; width: 100%;">
<h3 class="maintitle">
<a title="Fechar/Abrir shoutbox" href="#" class="toggle right">Fechar/Abrir shoutbox</a>
<a title="View Main Shoutbox" href="#" target="_top">IPBoard Chat (v1.1112pr) </a>
</h3>
<div class="ipsBox table_wrap">
<div class="ipsBox_container">
<table class="ipb_table shoutbox_table" style="height: 230px; min-height: 230px;">
<tbody>
<tr class="row2" id="shoutbox-announcement-row">
<td valign="middle" colspan="2" class="altrow">
<div class="message" id="shoutbox-announcement-text">
A ofensa a outro membro / Staff é sujeito a punições. <strong class="bbc">O ChatBox é um lugar para descontração, não de ajuda e suporte!</strong>
</div>
</td>
</tr>
<tr class="row1">
<td valign="top" colspan="2" class="altrow">
<div id="shoutbox-shouts" style="overflow: auto; overflow-x: hidden; left: 0px; top: 0px; height: 169px; min-height: 128px;">
<p id="shoutbox-inactive-prompt" style="display: none; height: 126px;" class="altrow short">
<br>Nós percebemos que você esteve inativo por mais de 10 minutos.<br>
O shoutbox parou de ser executado devido a sua inatividade.<br>
Se você está de volta, por favor clique no botão abaixo <u>Estou de Volta!</u>.
<br><br>
<input type="button" onclick="I_am_back();" class="input_submit" value="Estou de Volta!">
</p>
<p id="shoutbox-service" style="display: none; height: 126px;" class="altrow short">
<br><br>Nosso shoutbox está passando por manutenção neste momento, agradecemos a sua compreênção!<br>
Em breve estaremos funcionando normalmente, grato pela sua visita...<br>
O shoutbox parou de ser executado por motivos técnicos.
<br>
</p>
<table id="shoutbox-shouts-table" style="display: ;">
<div id="chatbox_members" style="display: none;" increment="10" pageincrement="144" maxpos="460" curpos="0"></div>
<tbody id="chatbox_general" class="chat_toggle" style="display: ;" curpos="188" maxpos="325" pageincrement="0" increment="10">
<!-- General ChatBox content -->
</tbody>
<tbody id="chatbox_mpreceive" class="chat_toggle" style="display: none;" curpos="188" maxpos="325" pageincrement="0" increment="10">
<!-- Private Receive Message ChatBox content -->
</tbody>
<tbody id="chatbox_mpsend" class="chat_toggle" style="display: none;" curpos="188" maxpos="325" pageincrement="0" increment="10">
<!-- Private Send Message ChatBox content -->
</tbody>
</table>
</div>
<div id="shouts-global-resizer" title="Clique para redimensionar o ShoutBox!" onmousedown="resizeElement();"></div>
<div style="display: none;" class="message error block_wrap" id="shoutbox-inline-error-glb"></div>
</td>
</tr>
<!-- Buttons -->
<tr class="row1">
<td valign="top" colspan="2" class="altrow">
<form onsubmit="submitmsg('?archives=1');return false;" method="post" action="" name="post">
<div id="chatbox_messenger_form" style="display: ">
<div onclick="document.post.message.focus();timer_count=0;">
<input type="text" id="message" name="message" size="70" maxlength="1024" class="input_text" autocomplete="off" onkeydown="number_of_refresh=0;timer_count=0;" />
<input type="submit" class="input_submit" value="Enviar Shout" id="submit_button" name="submit_button"/>
<input type="button" class="input_submit alt" value="Limpar" id="shoutbox-clear-button" onclick="document.getElementById('message').value = '';">
<input type="button" class="input_submit alt" value="Atualizar" id="shoutbox-refresh-button" style="" onclick="refresh_chatbox('?archives=1');"/>
<input type="button" data-scope="shoutbox" onclick="do_selectsmilies(event);" class="input_submit alt" value="Smilies" id="divsmilies"/>
<input type="button" class="input_submit alt" value="BBCode" id="shoutbox-bbcode-button"
onclick="window.open('/faq?mode=bbcode','BBCodes Help','status=no,location=no,toolbar=no,menubar=no,personalbar=no,width=640,height=window.innerHeight,scrollbars=yes,resizable=yes,left=0,top=0'); return false;">
<input type="button" class="input_submit alt" value="Preferências" id="shoutbox-myprefs-button" onclick="$('#myPrefs_popup').toggle();"/>
</div>
</div>
</form>
</td>
</tr>
</tbody>
</table>
</div>
</div>
</div>
<!--Smiles -->
<div id="shoutbox-smilies-button_menucontent"
style="display: none; width: 400px; position: absolute; z-index: 9999; top: 1px; left: 1px;">
<h3 class="maintitle short">
<span class="pager"><a id="page_0" class="emoticonPager" href="#">«</a> </span>
More
<span class="pager"> <a id="page_1" class="emoticonPager" href="#">»</a></span>
</h3>
<table class="ipb_table" style="background: none repeat scroll 0 0 #FFFFFF;">
<tbody>
<tr id="smile_row" class="row1">
<td>
<span>
<a style="margin-left: 10px;" href="#" onclick="copy_user_name(':sos:')">
<img style="margin-bottom: 10px;" alt="No Like!" src="http://r19.imgfast.net/users/1917/43/09/52/smiles/632187147.gif" title="SOS">
</a>
<a style="margin-left: 10px;" href="#" onclick="copy_user_name(':D')">
<img style="margin-bottom: 10px;" alt="Very Happy" src="http://2img.net/i/fa/i/smiles/icon_biggrin.png" title="Very Happy">
</a><a style="margin-left: 10px;" href="#" onclick="copy_user_name(':)')"><img style="margin-bottom: 10px;" alt="Smile" src="http://2img.net/i/fa/i/smiles/icon_smile.gif" title="Smile"></a><a style="margin-left: 10px;" href="#" onclick="copy_user_name(':(')"><img style="margin-bottom: 10px;" alt="Sad" src="http://2img.net/i/fa/i/smiles/icon_sad.gif" title="Sad"></a><a style="margin-left: 10px;" href="#" onclick="copy_user_name(':o')"><img style="margin-bottom: 10px;" alt="Surprised" src="http://2img.net/i/fa/i/smiles/icon_surprised.gif" title="Surprised"></a><a style="margin-left: 10px;" href="#" onclick="copy_user_name(':shock:')"><img style="margin-bottom: 10px;" alt="Shocked" src="http://2img.net/i/fa/i/smiles/icon_eek.gif" title="Shocked"></a><a style="margin-left: 10px;" href="#" onclick="copy_user_name('8)')"><img style="margin-bottom: 10px;" alt="Cool" src="http://2img.net/i/fa/i/smiles/icon_cool.gif" title="Cool"></a><a style="margin-left: 10px;" href="#" onclick="copy_user_name(':lol:')"><img style="margin-bottom: 10px;" alt="Laughing" src="http://2img.net/i/fa/i/smiles/icon_lol.gif" title="Laughing"></a><a style="margin-left: 10px;" href="#" onclick="copy_user_name(':x')"><img style="margin-bottom: 10px;" alt="Mad" src="http://2img.net/i/fa/i/smiles/icon_mad.gif" title="Mad"></a><a style="margin-left: 10px;" href="#" onclick="copy_user_name(':P')"><img style="margin-bottom: 10px;" alt="Razz" src="http://2img.net/i/fa/i/smiles/icon_razz.gif" title="Razz"></a><a style="margin-left: 10px;" href="#" onclick="copy_user_name(':oops:')"><img style="margin-bottom: 10px;" alt="Embarassed" src="http://2img.net/i/fa/i/smiles/icon_redface.gif" title="Embarassed"></a><a style="margin-left: 10px;" href="#" onclick="copy_user_name(':cry:')"><img style="margin-bottom: 10px;" alt="Crying or Very sad" src="http://2img.net/i/fa/i/smiles/icon_cry.gif" title="Crying or Very sad"></a><a style="margin-left: 10px;" href="#" onclick="copy_user_name(':evil:')"><img style="margin-bottom: 10px;" alt="Evil or Very Mad" src="http://2img.net/i/fa/i/smiles/icon_evil.gif" title="Evil or Very Mad"></a><a style="margin-left: 10px;" href="#" onclick="copy_user_name(':twisted:')"><img style="margin-bottom: 10px;" alt="Twisted Evil" src="http://2img.net/i/fa/i/smiles/icon_twisted.gif" title="Twisted Evil"></a><a style="margin-left: 10px;" href="#" onclick="copy_user_name(':roll:')"><img style="margin-bottom: 10px;" alt="Rolling Eyes" src="http://2img.net/i/fa/i/smiles/icon_rolleyes.gif" title="Rolling Eyes"></a><a style="margin-left: 10px;" href="#" onclick="copy_user_name(';)')"><img style="margin-bottom: 10px;" alt="Wink" src="http://2img.net/i/fa/i/smiles/icon_wink.gif" title="Wink"></a><a style="margin-left: 10px;" href="#" onclick="copy_user_name(':!:')"><img style="margin-bottom: 10px;" alt="Exclamation" src="http://2img.net/i/fa/i/smiles/icon_exclaim.gif" title="Exclamation"></a><a style="margin-left: 10px;" href="#" onclick="copy_user_name(':?:')"><img style="margin-bottom: 10px;" alt="Question" src="http://2img.net/i/fa/i/smiles/icon_question.gif" title="Question"></a><a style="margin-left: 10px;" href="#" onclick="copy_user_name(':idea:')"><img style="margin-bottom: 10px;" alt="Idea" src="http://2img.net/i/fa/i/smiles/icon_idea.png" title="Idea"></a><a style="margin-left: 10px;" href="#" onclick="copy_user_name(':arrow:')"><img style="margin-bottom: 10px;" alt="Arrow" src="http://2img.net/i/fa/i/smiles/icon_arrow.gif" title="Arrow"></a><a style="margin-left: 10px;" href="#" onclick="copy_user_name(':|')"><img style="margin-bottom: 10px;" alt="Neutral" src="http://2img.net/i/fa/i/smiles/icon_neutral.gif" title="Neutral"></a><a style="margin-left: 10px;" href="#" onclick="copy_user_name(':face:')"><img style="margin-bottom: 10px;" alt="What a Face" src="http://2img.net/i/fa/i/smiles/fresse.png" title="What a Face"></a><a style="margin-left: 10px;" href="#" onclick="copy_user_name(':star:')"><img style="margin-bottom: 10px;" alt="Like a Star @ heaven" src="http://2img.net/i/fa/i/smiles/star3.png" title="Like a Star @ heaven"></a><a style="margin-left: 10px;" href="#" onclick="copy_user_name(':suspect:')"><img style="margin-bottom: 10px;" alt="Suspect" src="http://2img.net/i/fa/i/smiles/suspect.gif" title="Suspect"></a><a style="margin-left: 10px;" href="#" onclick="copy_user_name(':heart:')"><img style="margin-bottom: 10px;" alt="I love you" src="http://2img.net/i/fa/i/smiles/herz.png" title="I love you"></a><a style="margin-left: 10px;" href="#" onclick="copy_user_name(':no:')"><img style="margin-bottom: 10px;" alt="No" src="http://2img.net/i/fa/i/smiles/kopfschuettel.gif" title="No"></a><a style="margin-left: 10px;" href="#" onclick="copy_user_name(':@:')"><img style="margin-bottom: 10px;" alt="@" src="http://2img.net/i/fa/i/smiles/at.png" title="@"></a><a style="margin-left: 10px;" href="#" onclick="copy_user_name(':cyclops:')"><img style="margin-bottom: 10px;" alt="cyclops" src="http://2img.net/i/fa/i/smiles/icon_cyclops.gif" title="cyclops"></a><a style="margin-left: 10px;" href="#" onclick="copy_user_name(':clown:')"><img style="margin-bottom: 10px;" alt="clown" src="http://2img.net/i/fa/i/smiles/icon_clown.png" title="clown"></a><a style="margin-left: 10px;" href="#" onclick="copy_user_name(':pirat:')"><img style="margin-bottom: 10px;" alt="pirat" src="http://2img.net/i/fa/i/smiles/icon_pirat.png" title="pirat"></a><a style="margin-left: 10px;" href="#" onclick="copy_user_name(':tongue:')"><img style="margin-bottom: 10px;" alt="tongue" src="http://2img.net/i/fa/i/smiles/icon_tongue.png" title="tongue"></a><a style="margin-left: 10px;" href="#" onclick="copy_user_name(':silent:')"><img style="margin-bottom: 10px;" alt="silent" src="http://2img.net/i/fa/i/smiles/icon_silent.png" title="silent"></a><a style="margin-left: 10px;" href="#" onclick="copy_user_name(':pale:')"><img style="margin-bottom: 10px;" alt="pale" src="http://2img.net/i/fa/i/smiles/icon_pale.gif" title="pale"></a><a style="margin-left: 10px;" href="#" onclick="copy_user_name(':alien:')"><img style="margin-bottom: 10px;" alt="alien" src="http://2img.net/i/fa/i/smiles/alien.png" title="alien"></a><a style="margin-left: 10px;" href="#" onclick="copy_user_name(':cat:')"><img style="margin-bottom: 10px;" alt="cat" src="http://2img.net/i/fa/i/smiles/icon_cat.png" title="cat"></a><a style="margin-left: 10px;" href="#" onclick="copy_user_name(':monkey:')"><img style="margin-bottom: 10px;" alt="monkey" src="http://2img.net/i/fa/i/smiles/icon_monkey.png" title="monkey"></a><a style="margin-left: 10px;" href="#" onclick="copy_user_name(':pig:')"><img style="margin-bottom: 10px;" alt="pig" src="http://2img.net/i/fa/i/smiles/icon_porc.png" title="pig"></a><a style="margin-left: 10px;" href="#" onclick="copy_user_name(':rabbit:')"><img style="margin-bottom: 10px;" alt="rabbit" src="http://2img.net/i/fa/i/smiles/icon_rabbit.png" title="rabbit"></a><a style="margin-left: 10px;" href="#" onclick="copy_user_name(':bounce:')"><img style="margin-bottom: 10px;" alt="bounce" src="http://2img.net/i/fa/i/smiles/icon_bounce.gif" title="bounce"></a><a style="margin-left: 10px;" href="#" onclick="copy_user_name(':confused:')"><img style="margin-bottom: 10px;" alt="confused" src="http://2img.net/i/fa/i/smiles/confused.png" title="confused"></a><a style="margin-left: 10px;" href="#" onclick="copy_user_name(':affraid:')"><img style="margin-bottom: 10px;" alt="affraid" src="http://2img.net/i/fa/i/smiles/affraid.gif" title="affraid"></a><a style="margin-left: 10px;" href="#" onclick="copy_user_name(':bball:')"><img style="margin-bottom: 10px;" alt="Basketball" src="http://2img.net/i/fa/i/smiles/icon_basketball.gif" title="Basketball"></a><a style="margin-left: 10px;" href="#" onclick="copy_user_name(':cheers:')"><img style="margin-bottom: 10px;" alt="cheers" src="http://2img.net/i/fa/i/smiles/icon_cheers.png" title="cheers"></a><a style="margin-left: 10px;" href="#" onclick="copy_user_name(':bom:')"><img style="margin-bottom: 10px;" alt="bom" src="http://2img.net/i/fa/i/smiles/bom.png" title="bom"></a><a style="margin-left: 10px;" href="#" onclick="copy_user_name(':drunken:')"><img style="margin-bottom: 10px;" alt="drunken" src="http://2img.net/i/fa/i/smiles/drunken_smilie.png" title="drunken"></a><a style="margin-left: 10px;" href="#" onclick="copy_user_name(':sleep:')"><img style="margin-bottom: 10px;" alt="Sleep" src="http://2img.net/i/fa/i/smiles/sleep.gif" title="Sleep"></a><a style="margin-left: 10px;" href="#" onclick="copy_user_name(':sunny:')"><img style="margin-bottom: 10px;" alt="sunny" src="http://2img.net/i/fa/i/smiles/icon_sunny.png" title="sunny"></a><a style="margin-left: 10px;" href="#" onclick="copy_user_name(':albino:')"><img style="margin-bottom: 10px;" alt="albino" src="http://2img.net/i/fa/i/smiles/icon_albino.png" title="albino"></a><a style="margin-left: 10px;" href="#" onclick="copy_user_name(':cherry:')"><img style="margin-bottom: 10px;" alt="cherry" src="http://2img.net/i/fa/i/smiles/icon_cherry.png" title="cherry"></a><a style="margin-left: 10px;" href="#" onclick="copy_user_name(':santa:')"><img style="margin-bottom: 10px;" alt="santa" src="http://2img.net/i/fa/i/smiles/icon_santa.png" title="santa"></a><a style="margin-left: 10px;" href="#" onclick="copy_user_name(':rendeer:')"><img style="margin-bottom: 10px;" alt="rendeer" src="http://2img.net/i/fa/i/smiles/icon_rendeer.png" title="rendeer"></a><a style="margin-left: 10px;" href="#" onclick="copy_user_name(':farao:')"><img style="margin-bottom: 10px;" alt="farao" src="http://2img.net/i/fa/i/smiles/icon_farao.png" title="farao"></a><a style="margin-left: 10px;" href="#" onclick="copy_user_name(':king:')"><img style="margin-bottom: 10px;" alt="king" src="http://2img.net/i/fa/i/smiles/icon_king.png" title="king"></a><a style="margin-left: 10px;" href="#" onclick="copy_user_name(':queen:')"><img style="margin-bottom: 10px;" alt="queen" src="http://2img.net/i/fa/i/smiles/icon_queen.png" title="queen"></a><a style="margin-left: 10px;" href="#" onclick="copy_user_name(':joker:')"><img style="margin-bottom: 10px;" alt="jocolor" src="http://2img.net/i/fa/i/smiles/icon_jokercolor.png" title="jocolor"></a><a style="margin-left: 10px;" href="#" onclick="copy_user_name(':geek:')"><img style="margin-bottom: 10px;" alt="geek" src="http://2img.net/i/fa/i/smiles/icon_geek.png" title="geek"></a><a style="margin-left: 10px;" href="#" onclick="copy_user_name(':scratch:')"><img style="margin-bottom: 10px;" alt="scratch" src="http://2img.net/i/fa/i/smiles/icon_scratch.png" title="scratch"></a><a style="margin-left: 10px;" href="#" onclick="copy_user_name(':study:')"><img style="margin-bottom: 10px;" alt="study" src="http://2img.net/i/fa/i/smiles/icon_study.png" title="study"></a><a style="margin-left: 10px;" href="#" onclick="copy_user_name(':elephant:')"><img style="margin-bottom: 10px;" alt="elephant" src="http://2img.net/i/fa/i/smiles/icon_elephant.png" title="elephant"></a><a style="margin-left: 10px;" href="#" onclick="copy_user_name(':flower:')"><img style="margin-bottom: 10px;" alt="flower" src="http://2img.net/i/fa/i/smiles/icon_flower.png" title="flower"></a><a style="margin-left: 10px;" href="#" onclick="copy_user_name(':afro:')"><img style="margin-bottom: 10px;" alt="afro" src="http://2img.net/i/fa/i/smiles/icon_rr.png" title="afro"></a><a style="margin-left: 10px;" href="#" onclick="copy_user_name(':lol!:')"><img style="margin-bottom: 10px;" alt="lol!" src="http://2img.net/i/fa/i/smiles/lol.gif" title="lol!"></a>
</span>
</td>
</tr>
</tbody>
</table>
</div>
<div class="popupWrapper" id="editShout_popup" style="display: none; top: 50%; left: 50%; width: 650px; height: 245px; margin:-135px 0 0 -325px; position: absolute;">
<div class="popupInner" id="editShout_inner" style="width: 650px; height: 245px;">
<h3>Editar Shout</h3>
<div class="message error block_wrap" id="shoutbox-inline-error-editShout" style="display:none;"></div>
<div class="ipsPad">
<span class="cke_wrapper cke_ltr" role="presentation">
<form onsubmit="submitEditedMsg('?archives=1');return false;" method="post" action="" name="editpost">
<table border="0" cellpadding="0" cellspacing="0" class="cke_editor">
<tbody>
<tr style="-moz-user-select: none;">
<td>
<span id="text_editor" style="width: 100%; display: block; padding-bottom: 5px;">
<button class="input_submit alt" onclick="BBCode_Add('bold', 'editarea')" type="button" accesskey="b" title="Negrito">
<img src="http://2img.net/i/fa/wysiwyg/text_bold.png" alt="Negrito" title="Negrito">
</button>
<button class="input_submit alt" onclick="BBCode_Add('italic', 'editarea')" type="button" accesskey="i" title="Itálico">
<img src="http://2img.net/i/fa/wysiwyg/text_italic.png" alt="Itál" title="Itálico">
</button>
<button class="input_submit alt" onclick="BBCode_Add('underline', 'editarea')" type="button" accesskey="u" title="Sublinhar">
<img src="http://2img.net/i/fa/wysiwyg/text_underline.png" alt="Sub" title="Sublinhar">
</button>
<button class="input_submit alt" onclick="BBCode_Add('left', 'editarea')" type="button" accesskey="m" title="Esquerda">
<img src="http://2img.net/i/fa/wysiwyg/text_align_left.png" alt="Esq" title="Esquerda">
</button>
<button class="input_submit alt" onclick="BBCode_Add('center', 'editarea')" type="button" accesskey="t" title="Centralizar">
<img src="http://2img.net/i/fa/wysiwyg/text_align_center.png" alt="Cent" title="Centralizar">
</button>
<button class="input_submit alt" onclick="BBCode_Add('right', 'editarea')" type="button" accesskey="g" title="Direita">
<img src="http://2img.net/i/fa/wysiwyg/text_align_right.png" alt="Dir" title="Direita">
</button>
<button class="input_submit alt" onclick="BBCode_Add('list', 'editarea')" type="button" accesskey="l" title="Lista simples">
<img src="http://2img.net/i/fa/wysiwyg/text_list_bullets.png" alt="List" title="Lista simples">
</button>
<button class="input_submit alt" onclick="BBCode_Add('list=1', 'editarea')" type="button" accesskey="o" title="Lista numerada">
<img src="http://2img.net/i/fa/wysiwyg/text_list_numbers.png" alt="List" title="Lista numarada">
</button>
<button class="input_submit alt" onclick="BBCode_Add('img', 'editarea')" type="button" accesskey="p" title="Imagem">
<img src="http://2img.net/i/fa/wysiwyg/picture.png" alt="Img" title="Imagem">
</button>
<button class="input_submit alt" onclick="BBCode_Add('url', 'editarea')" type="button" accesskey="w" title="Link">
<img src="http://2img.net/i/fa/wysiwyg/link.png" alt="Lnk" title="Link">
</button>
</span>
</td>
</tr>
<tr>
<td class="cke_contents" style="height: 100px; padding: 0px ! important;">
<textarea class="input_text" id="editarea" name="editarea"
style="width: 98%; height: 89%; resize: none; outline: medium none; text-align: left;" onkeydown="number_of_refresh=0;timer_count=0;">
</textarea>
</td>
</tr>
</tbody>
</table>
<div class="short ipsPad">
<div onclick="document.editpost.editarea.focus();timer_count=0;">
<input type="submit" class="input_submit" value="Enviar Shout" id="submit_button" name="submit_button"/>
<input type="button" class="input_submit alt" value="Limpar" id="shoutbox-clear-button" onclick="document.getElementById('editarea').value = '';">
<input type="button" class="input_submit alt" value="Cancelar" id="shoutbox-refresh-button" onclick="$('#editShout_popup').toggle();">
</div>
</div>
</form>
</span>
</div>
</div>
<div class="popupClose clickable" id="editShout_close" onclick="$('#editShout_popup').toggle();"><img alt="x" src="http://forum.autoitbrasil.com/public/style_images/master/close_popup.png"></div>
</div>
<div id="myPrefs_popup" style="display: none; z-index: 10001; top: 10px; left: 395.5px; position: fixed;" class="popupWrapper">
<div id="myPrefs_inner" class="popupInner" style="width: 550px; max-height: 388px;">
<h3>Painel de Minhas Preferências</h3>
<div class="ipsBox table_wrap">
<div class="ipsBox_container">
<div style="display: none;" class="message error block_wrap" id="shoutbox-inline-error-myprefs"></div>
<table class="ipb_table">
<tbody>
<tr>
<td colspan="2">
Aqui você pode mudar suas preferências pessoais para o Shoutbox.<br>Simplesmente atualize as preferências a seu gosto e clique no botão 'Salvar'.
</td>
</tr>
<tr class="row2">
<td colspan="2" class="altrow">
<strong id="shoutbox-popup-status">Preferências</strong>
</td>
</tr>
<tr>
<td class="short" style="width: 50%;">
<strong>Mostrar o Shoutbox Global?</strong>
<br>
<label for="my_prefs_gsb_y">Sim</label> <input type="radio" checked="" id="my_prefs_gsb_y" value="1" name="my_prefs_gsb" class="input_radio"> <input type="radio" id="my_prefs_gsb_n" value="0" name="my_prefs_gsb" class="input_radio"> <label for="my_prefs_gsb_n">Não</label>
</td>
<td class="short" style="width: 50%;">
<strong>A <em>Tecla Enter</em> deverá agir como o botão 'Enviar Shout'?</strong>
<br>
<label for="my_prefs_ets_y">Sim</label> <input type="radio" id="my_prefs_ets_y" value="1" name="my_prefs_ets" class="input_radio"> <input type="radio" checked="" id="my_prefs_ets_n" value="0" name="my_prefs_ets" class="input_radio"> <label for="my_prefs_ets_n">Não</label>
</td>
</tr>
<tr>
<td class="short">
<strong>Mostrar o botão Atualizar?</strong>
<br>
<label for="my_prefs_drb_y">Sim</label> <input type="radio" checked="" id="my_prefs_drb_y" value="1" name="my_prefs_drb" class="input_radio"> <input type="radio" id="my_prefs_drb_n" value="0" name="my_prefs_drb" class="input_radio"> <label for="my_prefs_drb_n">Não</label>
</td>
<td class="short">
<strong>Habilitar Comandos Rápidos?</strong>
<br>
<label for="my_prefs_eqc_y">Sim</label> <input type="radio" checked="" id="my_prefs_eqc_y" value="1" name="my_prefs_eqc" class="input_radio"> <input type="radio" id="my_prefs_eqc_n" value="0" name="my_prefs_eqc" class="input_radio"> <label for="my_prefs_eqc_n">Não</label>
</td>
</tr>
<tr>
<td class="short">
<strong>Shoutbox display order?</strong>
</td>
<td class="short">
<select id="my_prefs_sdo" name="my_prefs_sdo">
<option selected="" value="">Default</option>
<option value="1">Older -> Newer</option>
<option value="2">Newer -> Older</option>
</select>
<br>
<span class="error">Manual refresh req'd if changed</span>
</td>
</tr>
<tr>
<td colspan="2" class="short">
<input type="button" class="input_submit" value="Salvar Preferências" id="myprefs_save">
<input type="button" class="ipsButton_secondary" value="Restaurar Padrão" id="myprefs_restore">
</td>
</tr>
</tbody>
</table>
</div>
</div>
</div>
<div id="myPrefs_close" class="popupClose clickable" onclick="$('#myPrefs_popup').toggle();"><img alt="x" src="http://forum.autoitbrasil.com/public/style_images/master/close_popup.png"></div>
</div>
</body>
</html>
Pegue o ID do HTMl
Exemplo : /h1-
e Utilize este Codigo :
- Código:
function updateIframeSize(x,y){
if (x != '') {
$('#' + x).height(y + 10 + 'px');
}
}
$(function() {
$('#page-body').prepend('<iframe id="iframe_shoutbox" height="360px" width="100%" frameBorder="0" src="/h1-">Your browser does not support IFRAMEs</iframe>');
});
Trocando onde esta "/h1-"
Pelo ID da Pagina HTML
Re: Como colocar esta ShoutBox
Questão marcada como Resolvida ou o Autor solicitou que ela fosse arquivada. Tópico marcado como Resolvido e movido para Questões resolvidas. |
Fórum dos Fóruns :: Ajuda e atendimento ao utilizador :: Questões sobre códigos :: Questões resolvidas sobre códigos Javascript e jQuery
Página 1 de 1
Permissões neste sub-fórum
Não podes responder a tópicos