Ocultar widgets no formulario
4 participantes
Fórum dos Fóruns :: Ajuda e atendimento ao utilizador :: Questões sobre códigos :: Questões resolvidas sobre HTML e BBCode
Página 1 de 1 • Compartilhe
Ocultar widgets no formulario
Detalhes da questão
Endereço do fórum: http://suportedesign.forumeiros.com/
Versão do fórum: PunBB
Descrição
Olá!
Estou a utilizar este formulário:
- Código:
<style>
#form-send, .form-info h3 {
background: #fcfcfc;
border: 1px solid #ddd;
-moz-border-radius: 2px;
-webkit-border-radius: 2px;
border-radius: 2px;
}
#form-send select, .form-info h3 {
font: 16px bold arial, tahoma, georgia;
}
.form-info h3 {padding: 3px;font-weight: bold;text-align: center;}
#form-send select {
min-width: 150px;
padding: 4px;
cursor: pointer;
outline: none;
border: 1px solid #e0e0e0;
background: white;
}
.warn {
background: #f3e3e6 url(http://i55.servimg.com/u/f55/18/71/50/00/highli10.png) repeat-x 0 0;
border: 1px solid #e599aa;
margin: 3px 0;
color: #80001c;
padding: 1em;
}
fieldset.form-div dt {
padding: 5px 0;
}
fieldset.form-div dt {
float: left;
font: 15px bold arial, tahoma, georgia;
width: 13em;
}
fieldset.form-div dd {
margin-left: 10em;
}
fieldset.form-div dl:nth-child(odd) {
background: #f5f8fa !important;
}
fieldset.form-div dl:nth-child(even) {
background: #fff;
}
fieldset.form-div input {
-moz-border-radius: 1px;
-webkit-border-radius: 1px;
border-radius: 1px;
outline: none;
border: 1px solid #f0f0f0;
padding: 5px;
}
#countitle {
background: white;
color: #D60B8C;
border: 1px solid #e0e0e0;
padding: 5px;
border-radius: 3px;
}
fieldset.form-div dl {padding: 11px;border-bottom: 1px solid #F3F3F3;}
fieldset.form-div dl:after {
clear: both;
content: '.';
display: block;
height: 0px;
visibility: hidden;
}
#form-send .area .buttons {
-moz-background-clip: padding;
-moz-border-radius: 3px 3px 0 0;
-moz-user-select: none;
-ms-user-select: none;
-webkit-background-clip: padding-box;
-webkit-border-radius: 3px 3px 0 0;
-webkit-user-select: none;
background: #f7f7f7;
background-clip: padding-box;
border: 1px solid silver;
border-radius: 3px 3px 0 0;
line-height: 0;
width: 100%;
overflow: hidden;
padding: 3px 5px 2px;
}
#form-send .area {
display: inline-block;
min-height: 330px;
z-index: 3;
width: 63%;
}
#form-send .description {
display: inline-block;
z-index: 3;
min-height: 200px;
position: absolute;
background: white;
margin: 0 0 0 20px;
line-height: 18px;
color: #000000;
font-family: Calibri, sans-serif;
font-size: 16px;
font-style: normal;
font-variant: normal;
font-weight: normal;
padding: 1em;
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
border-radius: 3px;
border: 1px solid silver;
width: 17%;
}
#form-send .area .buttons .button2 {
background: white;
cursor: pointer;
outline: none;
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
border-radius: 3px;
border: 1px solid #e0e0e0;
padding: 3px;
}
#form-send .area .buttons .button2:hover {border-color: #707070;}
#form-send .textarea_nc #textarea {
min-height: 200px;
color: #111;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 13px;
overflow: auto;
border: 0;
outline: none;
width: 100%;
}
#form-send .btns {
background: #f5f5f5;
border-top: 1px solid #d7d7d7;
padding: 10px;
text-align: center;
}
#form-send .area .textarea_nc {
background: white;
min-height: 200px;
cursor: se-resize;
-moz-border-radius: 0 0 3px 3px;
-webkit-border-radius: 0 0 3px 3px;
border-radius: 0 0 3px 3px;
overflow: hidden;
padding: 3px 5px 2px;
border: 1px solid silver;
border-top: 0;
width: 100%;
}
#pr-modal {
position: fixed;
background-color: #3e3e3e;
height: 100%;
width: 100%;
top: 0px;
left: 0px;
z-index: 100;
opacity: 0.5;
}
#pr-questao {
background-color: #464646;
background-color: rgba(70, 70, 70, 0.6);
padding: 4px;
-webkit-box-shadow: 0px 12px 25px rgba(0, 0, 0, 0.7);
-moz-box-shadow: 0px 12px 25px rgba(0, 0, 0, 0.7);
box-shadow: 0px 12px 25px rgba(0, 0, 0, 0.7 );
-moz-border-radius: 4px;
-webkit-border-radius: 4px;
border-radius: 4px;
position: absolute;
z-index: 101;
width: 70%;
left: 14.5%;
top: 50%;
margin-top: -58px;
}
#pr-questao .postm {
background: #fff;
border: 1px solid #eee;
-moz-border-radius: 2px;
-webkit-border-radius: 2px;
border-radius: 2px;
}
#pr-questao .pr-clo {
background: url(http://i.imgur.com/qRr3WvV.png) no-repeat;
cursor: pointer;
height: 16px;
width: 16px;
float: right;
}
</style>
<script>
$(document).ready(function() {
$('#send').click(function() {
if($('#titulo').val()!=='' && $('#endereco').val()!=='' && $('#versao').val()!=='' && $('#textarea').val()!=='') {
var titulo = $('#titulo').val();
var endereco = $('#endereco').val();
var versao = $('#versao').val();
var texto = $('#textarea').val();
final = '[b]Minha questão:[/b]\n[quote]'+texto+'[/quote]\n[hr]\n[b]Endereço do meu fórum:[/b]\n'+endereco+'\n\n[b]Versão:[/b]\n'+versao+'';
$('input[name="subject"]').val(titulo);
$('input[name="message"]').val(final);
$('#send2').click();
$('#form-send').slideUp(300);
$('#enviando').slideDown(500);
}
else {
$('.alert').slideUp(1);
$('.alert').slideDown(500);
}
});
$('#prevquestion').click(function() {
var titulo = $('#titulo').val();
var endereco = $('#endereco').val();
var versao = $('#versao').val();
var texto = $('#textarea').val();
final = '<b>Minha questão:</b><br /><blockquote><div>'+texto+'</div></blockquote><br /><hr /><br /><b>Endereço do meu fórum:</b><br />'+endereco+'<br /><br /><b>Versão:</b><br />'+versao+'';
$('#pr-modal').fadeIn(300);
$('#pr-questao').slideDown(500);
$('#pr-questao .entry-content').html(final);
});
$('.pr-clo').click(function() {
$('#pr-modal').fadeOut(800);
$('#pr-questao').slideUp(500);
});
$('#apagar-td').click(function() {
$('#form-send input[type="text"],#form-send textarea').val('');
});
$('#titulo').keyup(function() {
var tvalue = document.getElementById('titulo').value.length;
var icnt = document.getElementById('countitle');
if(tvalue < 10 && tvalue > 0) {
var l = tvalue-10;
icnt.innerHTML='O título necessita mais '+l*-1+' caracteres';
}
else {
icnt.innerHTML='';
}
});
});
</script>
<div id="pr-modal" style="display: none;"></div>
<div id="pr-questao" style="display: none;">
<span class="pr-clo"></span>
<div class="postm">
<div class="post-entry">
<div class="entry-content"></div>
</div>
</div>
</div><div class="form-info">
<h3>Formulário de criação de tópico</h3><br>
<div class="warn alert" style="display: none">
É necessário preencher todos os campos em branco.</div>
</div>
<div class="warn">
<b>Nota:</b> Antes de postar, <a href="/search" target="_blank">pesquise no fórum</a>, pois a sua questão poderá já ter sido respondida.
</div>
<form action="/post" method="post" name="post" id="form-send" enctype="multipart/form-data">
<fieldset class="form-div">
<dl><dt>
<label>Título da questão:</label></dt>
<dd>
<input type="text" style="clear: both;width: 400px;" id="titulo" placeholder="Título da sua questão"> <div id="countitle" style="display:inline"></div>
</dd>
</dl>
<dl><dt>
<label>Endereço do fórum:</label></dt>
<dd>
<input type="text" style="clear: both;width: 400px;" id="endereco" value="http://">
</dd>
</dl>
<dl><dt>
<label>Versão do fórum:</label></dt>
<dd>
<select class="inputbox" id="versao">
<option value="PunBB">PunBB</option>
<option value="Phpbb3">Phpbb3</option>
<option value="Phpbb2">Phpbb2</option>
<option value="Invision">Invision</option>
</select>
</dd>
</dl>
<dl><dt>
<label>Descrição do tópico:</label></dt>
<dd>
<div class="area">
<div class="buttons">
<button class="button2" onclick="bbcode_tag('[b]','[/b]')" type="button" id="addbbcode0" title="Negrito"><img src="http://imgur.com/z2xtYUE.png" alt="Negrito" title="Negrito"></button>
<button class="button2" onclick="bbcode_tag('[i]','[/i]')" type="button" id="addbbcode2" title="Itálico"><img src="http://imgur.com/EcEpCJ9.png" alt="Itálico" title="Itálico"></button>
<button class="button2" onclick="bbcode_tag('[u]','[/u]')" type="button" id="addbbcode4" title="Underline"><img src="http://imgur.com/i6Ergr1.png" alt="Underline" title="Underline"></button>
<button class="button2" onclick="bbcode_tag('[strike]','[/strike]')" type="button" id="addbbcode5" title="Strike"><img src="http://i.imgur.com/hWWoJSN.png" alt="Strike" title="Strike"></button>
<button class="button2" onclick="bbcode_tag('[left]','[/left]')" type="button" id="addbbcode52" title="Esquerda"><img src="http://2img.net/i/fa/wysiwyg/text_align_left.png" alt="Esquerda" title="Esquerda"></button>
<button class="button2" onclick="bbcode_tag('[center]','[/center]')" type="button" id="addbbcode30" title="Centralizar"><img src="http://2img.net/i/fa/wysiwyg/text_align_center.png" alt="Centralizar" title="Centralizar"></button>
<button class="button2" onclick="bbcode_tag('[right]','[/right]')" type="button" id="addbbcode32" title="Direita"><img src="http://2img.net/i/fa/wysiwyg/text_align_right.png" alt="Direita" title="Direita"></button>
<button class="button2" onclick="bbcode_tag('[justify]','[/justify]')" type="button" id="addbbcode33" title="Justificado"><img src="http://2img.net/i/fa/wysiwyg/text_align_justify.png" alt="Justificado" title="Justificado"></button>
<button class="button2" onclick="bbcode_tag('[code]','[/code]')" type="button" id="addbbcode41" title="code"><img src="http://i.imgur.com/LEJ7qoj.png" alt="Code" title="Code"></button>
<button class="button2" onclick="bbcode_tag('[list][*]','[/list]')" type="button" id="addbbcode10" title="-Lista"><img src="http://2img.net/i/fa/wysiwyg/text_list_bullets.png" alt="-Lista" title="-Lista"></button>
<button class="button2" onclick="bbcode_tag('[list=1][*]','[/list]')" type="button" id="addbbcode12" title="Lista ordenada"><img src="http://2img.net/i/fa/wysiwyg/text_list_numbers.png" alt="Lista ordenada" title="Lista ordenada"></button>
<button class="button2" onclick="bbcode_tag('[img]','[/img]')" type="button" id="addbbcode14" title="Imagem"><img src="http://2img.net/i/fa/wysiwyg/picture.png" alt="Imagem" title="Imagem"></button>
<button class="button2" onclick="bbcode_tag('[url=','][/url]')" type="button" id="addbbcode16" title="Link"><img src="http://2img.net/i/fa/wysiwyg/link.png" alt="Link" title="Link"></button>
</div>
<div class="textarea_nc">
<textarea id="textarea" class="inputbox"></textarea>
</div>
</div>
</dd>
</dl>
</fieldset><div class="btns">
<input type="hidden" name="subject">
<input type="hidden" name="message">
<input type="hidden" name="mode" value="newtopic">
<input type="hidden" name="f" value="12">
<input type="hidden" name="lt" value="0">
<input type="button" value="Enviar" id="send" name="post"> <input type="button" value="Pré-visualizar" id="prevquestion"> <input type="button" value="Apagar tudo" id="apagar-td">
<input type="submit" style="display: none;" id="send2" name="post">
</div>
</form><div id="enviando" style="display:none;">
<center>
<img src="http://2img.net/i/fa/admin/wait_preview.gif" alt="carregando" title="enviando..."><br>
<span class="conteudo_texto">enviando...</span>
</center>
</div>
<script>
function bbcode_tag(o,c){
var t=jQuery('#textarea');t.val(t.val().substring(0,t[0].selectionStart)+o+t.val()
Queria esticar deixar ajustar e ocultar o widgets que estão aparecer por baixo:
Última edição por IsmaelS. em 18.08.16 21:13, editado 1 vez(es)
Re: Ocultar widgets no formulario
Já tinha visto e estou a utilizar algo parecido mas no formulário esta a aparecer na mesma.
Re: Ocultar widgets no formulario
Olá,
Adicione esse código com investimento aplicado em todas as paginas:
Atenciosamente,
Podolski
Adicione esse código com investimento aplicado em todas as paginas:
- Código:
jQuery(document).ready(function() {
if (window.location.pathname == '/') {
jQuery('#left,#right').show()
} else {
jQuery('#left,#right').hide()
}
});
Atenciosamente,
Podolski
Re: Ocultar widgets no formulario
Continua na mesma.
Re: Ocultar widgets no formulario
Certo. Troque por este:
Atenciosamente,
Podolski
- Código:
jQuery(document).ready(function() {
if (window.location.pathname == '/') {
jQuery('#left,#right').show()
} else {
jQuery('#left,#right').css('display', 'none')
}
});
Atenciosamente,
Podolski
Re: Ocultar widgets no formulario
Continua igual.
Re: Ocultar widgets no formulario
Olá,
Troque por esse
Atenciosamente,
Podolski
Troque por esse
- Código:
jQuery(document).ready(function() {
if (window.location.pathname == '/') {
jQuery('#left,#right').show()
} else {
jQuery('#left,#right').css('display', 'none')
jQuery('#content-container div#container').css('width', 'auto')
}
});
Atenciosamente,
Podolski
Re: Ocultar widgets no formulario
Sem efeito e retirou alguns efeitos do fórum.
Re: Ocultar widgets no formulario
Certo, Tente esse: (esta substituindo os anteriores?)
e adicione a sua folha de estilo CSS:
Atenciosamente,
Podolski
- Código:
jQuery(document).ready(function() {
if (window.location.pathname == '/') {
jQuery('#left,#right').show();
} else {
jQuery('#content-container div#container').css("width","auto !important");
jQuery('#left,#right').remove();
}
});
e adicione a sua folha de estilo CSS:
- Código:
#content-container div#container { width: auto !important; }
Atenciosamente,
Podolski
Re: Ocultar widgets no formulario
Retirei o código pois estava a ocultar na página inicial e a desconfigurar algumas partes do fórum no formulário continuava igual...
Re: Ocultar widgets no formulario
Olá,
As vezes pode dar conflito. Experimente desativar os outros JavaScript?
Atenciosamente,
Podolski
As vezes pode dar conflito. Experimente desativar os outros JavaScript?
Atenciosamente,
Podolski
Re: Ocultar widgets no formulario
Continua igual eu penso que seja mesmo do código HTML do formulário que deve ter algo dos widgets não sei mas irei esperar por algum Ajudeiro se possível.
Re: Ocultar widgets no formulario
A sua pagina de formulário, no final da pagina a um problema de fechamento.
Isso está dando conflito com o layout do fórum:
O trecho final da sua pagina de formulário está assim:
Visitando outros formulários do seu fórum reparei que eles terminam assim:
tente repor isso que provavelmente resolverá o seu problema.
Isso está dando conflito com o layout do fórum:
O trecho final da sua pagina de formulário está assim:
- Código:
<script>
function bbcode_tag(o,c){
var t=jQuery('#textarea');t.val(t.val().substring(0,t[0].selectionStart)+o+t.val()
Visitando outros formulários do seu fórum reparei que eles terminam assim:
- Código:
<script>
function bbcode_tag(o,c){
var t=jQuery('#textarea');t.val(t.val().substring(0,t[0].selectionStart)+o+t.val().substring(t[0].selectionStart,t[0].selectionEnd)+c+t.val().substring(t[0].selectionEnd,t.val().length))};
</script>
tente repor isso que provavelmente resolverá o seu problema.
Re: Ocultar widgets no formulario
Tem razão faltou fechar o </script> desta vez os widgets em vez de aparecer por baixo ficam de lado consegue ocultar? E deixar o formulário esticado se possível?
Re: Ocultar widgets no formulario
Sim no inicio do formulário após: <style>
Coloque:
Coloque:
- Código:
#content-container div#right {
float: right;
overflow: hidden;
width: 0px!important;
display:none!important;
}
#content-container div#content {
margin-right: 0px;
}
Re: Ocultar widgets no formulario
Ficou óptimo amigo obrigado!
Re: Ocultar widgets no formulario
Questão marcada como Resolvida ou o Autor solicitou que ela fosse arquivada. Tópico marcado como Resolvido e movido para "Questões resolvidas". |
Tópicos semelhantes
» ocultar um Widgets
» Ocultar widgets do fórum
» Ocultar widgets
» Ocultar os widgets do fórum
» Ocultar/Exibir widgets
» Ocultar widgets do fórum
» Ocultar widgets
» Ocultar os widgets do fórum
» Ocultar/Exibir widgets
Fórum dos Fóruns :: Ajuda e atendimento ao utilizador :: Questões sobre códigos :: Questões resolvidas sobre HTML e BBCode
Página 1 de 1
Permissões neste sub-fórum
Não podes responder a tópicos