Edições para o tutorial Syntax Highlighter v1.07
2 participantes
Página 1 de 1
Edições para o tutorial Syntax Highlighter v1.07
Neste tópico eu vi um código fascinante, e eu gostaria de algumas edições básicas.
Para começar gostaria de tirar o efeito Expand!
Além disso eu gostaria de informações sobre a parte popup.
Tem como editar a popup que abre? Onde fica o código responsável pelo tamanho dela?
Tópico: http://jscript.forumeiros.com/t112-syntax-highlighter-v107
Já agradeço e aguardo!
Para começar gostaria de tirar o efeito Expand!
Além disso eu gostaria de informações sobre a parte popup.
Tem como editar a popup que abre? Onde fica o código responsável pelo tamanho dela?
Tópico: http://jscript.forumeiros.com/t112-syntax-highlighter-v107
Já agradeço e aguardo!
Convidado- Convidado
Re: Edições para o tutorial Syntax Highlighter v1.07
mude o width e adicione o height se desejar
exemplo
Qual o motivo de tirar o expand? e uma das funcões mais legais...
- Código:
var my_window = window.open("", "AutoIt code - Para selecionar o código: [Ctrl] + [A]", "toolbar=no,menubar=no,personalbar=no,status=0,left=0,location=0,menubar=0,top=0,width=640")
exemplo
- Código:
var my_window = window.open("", "AutoIt code - Para selecionar o código: [Ctrl] + [A]", "toolbar=no,menubar=no,personalbar=no,status=0,left=0,menubar=0,top=0,width=100,height=100")
Qual o motivo de tirar o expand? e uma das funcões mais legais...
Última edição por joelson0007 em Qui 18 Jul 2013, 1:25 pm, editado 1 vez(es)
joelson0007- Moderadores
- Time Online : 28d 21h 58m 5s
Mensagens : 373
Data de inscrição : 15/06/2013
Localização : Guarapuava-PR
Re: Edições para o tutorial Syntax Highlighter v1.07
Então, mas caso não queira a função [expand], procure a linha correspondente abaixo e troque por ela:
JS
- Código:
codebox.before('<div class="punbbtop">PunBB <button onclick="punbbSelect(this); return false;">select</button> <button onclick="punbbPopup(this); return false;">popup</button> <button style="margin-right: 50px; float: right;" onclick="punbbAbout(this); return false;">?</button></div></div></div><pre class="highlight punbb_block">' + sContent + '</pre>');
JS
Re: Edições para o tutorial Syntax Highlighter v1.07
Ainda se eu der 2 cliques no botão "popup" a caixa de espande...
E eu tbm gostaria de colocar overflow na popup.
Se possível fazer com que o campo onde fica o código fique do mesmo tamanho da janela 400px, ou seja, que o código não ultrapasse a largura da janela, e sim vá indo para baixo.
E eu tbm gostaria de colocar overflow na popup.
Se possível fazer com que o campo onde fica o código fique do mesmo tamanho da janela 400px, ou seja, que o código não ultrapasse a largura da janela, e sim vá indo para baixo.
Convidado- Convidado
Re: Edições para o tutorial Syntax Highlighter v1.07
Isso significa que não soube remover as funções e fez alguma coisa errada!Ainda se eu der 2 cliques no botão "popup" a caixa de espande...
JS
Re: Edições para o tutorial Syntax Highlighter v1.07
Sobre a popup, eu gostaria que ela fique assim, se for possível.
https://i.servimg.com/u/f39/17/71/75/73/sem_ta23.jpg
Sobre o Expand.
Por favor, verifique se eu fiz algo errado!
https://i.servimg.com/u/f39/17/71/75/73/sem_ta23.jpg
Sobre o Expand.
- Código:
jQuery(function () {
jQuery('code').each(function () {
var sContent = jQuery(this).html();
var codebox = jQuery(this).parent().parent();
codebox.before('<div class="punbbtop">PunBB <button onclick="punbbSelect(this); return false;">select</button> <button onclick="punbbPopup(this); return false;">popup</button> <button style="margin-right: 50px; float: right;" onclick="punbbAbout(this); return false;">?</button></div></div></div><pre class="highlight punbb_block">' + sContent + '</pre>');
codebox.remove();
});
jQuery.getScript('http://balupton.github.com/jquery-syntaxhighlighter/scripts/jquery.syntaxhighlighter.min.js', function () {
jQuery.SyntaxHighlighter.init({
'wrapLines': false
})
})
});
function punbbExpand(oThis) {
jQuery(oThis).css('display', 'none');
jQuery(oThis).next().css('display', '');
jQuery(oThis).parent().next('pre.punbb_block').addClass('expand');
}
function punbbCollapse(oThis) {
jQuery(oThis).css('display', 'none');
jQuery(oThis).prev().css('display', '');
/*jQuery(oThis).parent().parent().find('pre.punbb_block').css('height', '250px;');*/
jQuery(oThis).parent().next('pre.punbb_block').removeClass('expand');
}
function punbbPopup(oThis) {
var content = jQuery(oThis).parent().next('pre.punbb_block').html();
var my_window = window.open("", "AutoIt code - Para selecionar o código: [Ctrl] + [A]", "toolbar=no,menubar=no,personalbar=no,status=0,left=0,location=0,menubar=0,top=0,width=400,height=100,overflow=auto");
my_window.document.write('<pre>'+content+'</pre>');
}
function punbbAbout(oThis) {
alert('Simple code to add Syntax Highlighter fuctionality for PunBB-Forumeiros\n\nBy JScript FROM Brazil - 2013/07/17\n');
}
function punbbSelect(oThis) {
var doc = document;
var text = jQuery(oThis).parent().next('pre.punbb_block')[0];
if (doc.body.createTextRange) {
var range = doc.body.createTextRange();
range.moveToElementText(text);
range.select();
} else if (window.getSelection) {
var selection = window.getSelection();
var range = doc.createRange();
range.selectNodeContents(text);
selection.removeAllRanges();
selection.addRange(range);
}
}
Por favor, verifique se eu fiz algo errado!
Convidado- Convidado
Re: Edições para o tutorial Syntax Highlighter v1.07
você não removeu a função ainda veja
elas estão ai ainda...
- Código:
function punbbExpand(oThis) {
jQuery(oThis).css('display', 'none');
jQuery(oThis).next().css('display', '');
jQuery(oThis).parent().next('pre.punbb_block').addClass('expand');
}
function punbbCollapse(oThis) {
jQuery(oThis).css('display', 'none');
jQuery(oThis).prev().css('display', '');
/*jQuery(oThis).parent().parent().find('pre.punbb_block').css('height', '250px;');*/
jQuery(oThis).parent().next('pre.punbb_block').removeClass('expand');
}
elas estão ai ainda...
joelson0007- Moderadores
- Time Online : 28d 21h 58m 5s
Mensagens : 373
Data de inscrição : 15/06/2013
Localização : Guarapuava-PR
Re: Edições para o tutorial Syntax Highlighter v1.07
Agora só falta 1 coisa!
Tem como colocar overflow na popup?
Tem como colocar overflow na popup?
Convidado- Convidado
Re: Edições para o tutorial Syntax Highlighter v1.07
@D'Leandro™
A adição das barras de rolagem ainda está em fase de desenvolvimento, visite periodicamente o tópico do tutorial pra saber se já foi concluído!
JS
A adição das barras de rolagem ainda está em fase de desenvolvimento, visite periodicamente o tópico do tutorial pra saber se já foi concluído!
JS
Re: Edições para o tutorial Syntax Highlighter v1.07
Simples amigo, procure por var my_window e troque o conteúdo dessa variável por:D'Leandro™ escreveu:Agora só falta 1 coisa!
Tem como colocar overflow na popup?
https://i.servimg.com/u/f39/17/71/75/73/sem_ta25.jpg
- Código:
var my_window = window.open("", "PunBB code - Para selecionar o código: [Ctrl] + [A]", "scrollbars=1toolbar=no,menubar=no,personalbar=no,status=0,left=0,location=0,menubar=0,top=0,width=640,height=480");
JS
Página 1 de 1
Permissões neste sub-fórum
Não podes responder a tópicos
|
|