Autor Tópico: Tópico unificado para assuntos de informática que não merecem um tópico próprio (Lida 207885 vezes)

Mussain!

Agora como fazer ela de html em formato do fórum?

Edit2:

O código é:

<html xmlns:v="urn:schemas-microsoft-com:vml"
xmlns:o="urn:schemas-microsoft-com:office:office"
xmlns:x="urn:schemas-microsoft-com:office:excel"
xmlns="http://www.w3.org/TR/REC-html40">

<head>
<meta name="Excel Workbook Frameset">
<meta http-equiv=Content-Type content="text/html; charset=windows-1252">
<meta name=ProgId content=Excel.Sheet>
<meta name=Generator content="Microsoft Excel 12">
<link rel=File-List href="qqqqqqqqqqqqqqqqqqqqqqqqqq_arquivos/filelist.xml">
<![if !supportTabStrip]>
<link id="shLink" href="qqqqqqqqqqqqqqqqqqqqqqqqqq_arquivos/sheet001.htm">

<link id="shLink">

<script language="JavaScript">
<!--
 var c_lTabs=1;

 var c_rgszSh=new Array(c_lTabs);
 c_rgszSh[0] = "Plan2";



 var c_rgszClr=new Array(8);
 c_rgszClr[0]="window";
 c_rgszClr[1]="buttonface";
 c_rgszClr[2]="windowframe";
 c_rgszClr[3]="windowtext";
 c_rgszClr[4]="threedlightshadow";
 c_rgszClr[5]="threedhighlight";
 c_rgszClr[6]="threeddarkshadow";
 c_rgszClr[7]="threedshadow";

 var g_iShCur;
 var g_rglTabX=new Array(c_lTabs);

function fnGetIEVer()
{
 var ua=window.navigator.userAgent
 var msie=ua.indexOf("MSIE")
 if (msie>0 && window.navigator.platform=="Win32")
  return parseInt(ua.substring(msie+5,ua.indexOf(".", msie)));
 else
  return 0;
}

function fnBuildFrameset()
{
 var szHTML="<frameset rows=\"*,18\" border=0 width=0 frameborder=no framespacing=0>"+
  "<frame src=\""+document.all.item("shLink")[0].href+"\" name=\"frSheet\" noresize>"+
  "<frameset cols=\"54,*\" border=0 width=0 frameborder=no framespacing=0>"+
  "<frame src=\"\" name=\"frScroll\" marginwidth=0 marginheight=0 scrolling=no>"+
  "<frame src=\"\" name=\"frTabs\" marginwidth=0 marginheight=0 scrolling=no>"+
  "</frameset></frameset><plaintext>";

 with (document) {
  open("text/html","replace");
  write(szHTML);
  close();
 }

 fnBuildTabStrip();
}

function fnBuildTabStrip()
{
 var szHTML=
  "<html><head><style>.clScroll {font:8pt Courier New;color:"+c_rgszClr[6]+";cursor:default;line-height:10pt;}"+
  ".clScroll2 {font:10pt Arial;color:"+c_rgszClr[6]+";cursor:default;line-height:11pt;}</style></head>"+
  "<body onclick=\"event.returnValue=false;\" ondragstart=\"event.returnValue=false;\" onselectstart=\"event.returnValue=false;\" bgcolor="+c_rgszClr[4]+" topmargin=0 leftmargin=0><table cellpadding=0 cellspacing=0 width=100%>"+
  "<tr><td colspan=6 height=1 bgcolor="+c_rgszClr[2]+"></td></tr>"+
  "<tr><td style=\"font:1pt\">&nbsp;<td>"+
  "<td valign=top id=tdScroll class=\"clScroll\" onclick=\"parent.fnFastScrollTabs(0);\" onmouseover=\"parent.fnMouseOverScroll(0);\" onmouseout=\"parent.fnMouseOutScroll(0);\"><a>«</a></td>"+
  "<td valign=top id=tdScroll class=\"clScroll2\" onclick=\"parent.fnScrollTabs(0);\" ondblclick=\"parent.fnScrollTabs(0);\" onmouseover=\"parent.fnMouseOverScroll(1);\" onmouseout=\"parent.fnMouseOutScroll(1);\"><a>&lt</a></td>"+
  "<td valign=top id=tdScroll class=\"clScroll2\" onclick=\"parent.fnScrollTabs(1);\" ondblclick=\"parent.fnScrollTabs(1);\" onmouseover=\"parent.fnMouseOverScroll(2);\" onmouseout=\"parent.fnMouseOutScroll(2);\"><a>&gt</a></td>"+
  "<td valign=top id=tdScroll class=\"clScroll\" onclick=\"parent.fnFastScrollTabs(1);\" onmouseover=\"parent.fnMouseOverScroll(3);\" onmouseout=\"parent.fnMouseOutScroll(3);\"><a>»</a></td>"+
  "<td style=\"font:1pt\">&nbsp;<td></tr></table></body></html>";

 with (frames['frScroll'].document) {
  open("text/html","replace");
  write(szHTML);
  close();
 }

 szHTML =
  "<html><head>"+
  "<style>A:link,A:visited,A:active {text-decoration:none;"+"color:"+c_rgszClr[3]+";}"+
  ".clTab {cursor:hand;background:"+c_rgszClr[1]+";font:9pt Arial;padding-left:3px;padding-right:3px;text-align:center;}"+
  ".clBorder {background:"+c_rgszClr[2]+";font:1pt;}"+
  "</style></head><body onload=\"parent.fnInit();\" onselectstart=\"event.returnValue=false;\" ondragstart=\"event.returnValue=false;\" bgcolor="+c_rgszClr[4]+
  " topmargin=0 leftmargin=0><table id=tbTabs cellpadding=0 cellspacing=0>";

 var iCellCount=(c_lTabs+1)*2;

 var i;
 for (i=0;i<iCellCount;i+=2)
  szHTML+="<col width=1><col>";

 var iRow;
 for (iRow=0;iRow<6;iRow++) {

  szHTML+="<tr>";

  if (iRow==5)
   szHTML+="<td colspan="+iCellCount+"></td>";
  else {
   if (iRow==0) {
    for(i=0;i<iCellCount;i++)
     szHTML+="<td height=1 class=\"clBorder\"></td>";
   } else if (iRow==1) {
    for(i=0;i<c_lTabs;i++) {
     szHTML+="<td height=1 nowrap class=\"clBorder\">&nbsp;</td>";
     szHTML+=
      "<td id=tdTab height=1 nowrap class=\"clTab\" onmouseover=\"parent.fnMouseOverTab("+i+");\" onmouseout=\"parent.fnMouseOutTab("+i+");\">"+
      "<a href=\""+document.all.item("shLink")[i].href+"\" target=\"frSheet\" id=aTab>&nbsp;"+c_rgszSh[i]+"&nbsp;</a></td>";
    }
    szHTML+="<td id=tdTab height=1 nowrap class=\"clBorder\"><a id=aTab>&nbsp;</a></td><td width=100%></td>";
   } else if (iRow==2) {
    for (i=0;i<c_lTabs;i++)
     szHTML+="<td height=1></td><td height=1 class=\"clBorder\"></td>";
    szHTML+="<td height=1></td><td height=1></td>";
   } else if (iRow==3) {
    for (i=0;i<iCellCount;i++)
     szHTML+="<td height=1></td>";
   } else if (iRow==4) {
    for (i=0;i<c_lTabs;i++)
     szHTML+="<td height=1 width=1></td><td height=1></td>";
    szHTML+="<td height=1 width=1></td><td></td>";
   }
  }
  szHTML+="</tr>";
 }

 szHTML+="</table></body></html>";
 with (frames['frTabs'].document) {
  open("text/html","replace");
  charset=document.charset;
  write(szHTML);
  close();
 }
}

function fnInit()
{
 g_rglTabX[0]=0;
 var i;
 for (i=1;i<=c_lTabs;i++)
  with (frames['frTabs'].document.all.tbTabs.rows[1].cells[fnTabToCol(i-1)])
   g_rglTabX[i]=offsetLeft+offsetWidth-6;
}

function fnTabToCol(iTab)
{
 return 2*iTab+1;
}

function fnNextTab(fDir)
{
 var iNextTab=-1;
 var i;

 with (frames['frTabs'].document.body) {
  if (fDir==0) {
   if (scrollLeft>0) {
    for (i=0;i<c_lTabs&&g_rglTabX[i]<scrollLeft;i++);
    if (i<c_lTabs)
     iNextTab=i-1;
   }
  } else {
   if (g_rglTabX[c_lTabs]+6>offsetWidth+scrollLeft) {
    for (i=0;i<c_lTabs&&g_rglTabX[i]<=scrollLeft;i++);
    if (i<c_lTabs)
     iNextTab=i;
   }
  }
 }
 return iNextTab;
}

function fnScrollTabs(fDir)
{
 var iNextTab=fnNextTab(fDir);

 if (iNextTab>=0) {
  frames['frTabs'].scroll(g_rglTabX[iNextTab],0);
  return true;
 } else
  return false;
}

function fnFastScrollTabs(fDir)
{
 if (c_lTabs>16)
  frames['frTabs'].scroll(g_rglTabX[fDir?c_lTabs-1:0],0);
 else
  if (fnScrollTabs(fDir)>0) window.setTimeout("fnFastScrollTabs("+fDir+");",5);
}

function fnSetTabProps(iTab,fActive)
{
 var iCol=fnTabToCol(iTab);
 var i;

 if (iTab>=0) {
  with (frames['frTabs'].document.all) {
   with (tbTabs) {
    for (i=0;i<=4;i++) {
     with (rows[i]) {
      if (i==0)
       cells[iCol].style.background=c_rgszClr[fActive?0:2];
      else if (i>0 && i<4) {
       if (fActive) {
        cells[iCol-1].style.background=c_rgszClr[2];
        cells[iCol].style.background=c_rgszClr[0];
        cells[iCol+1].style.background=c_rgszClr[2];
       } else {
        if (i==1) {
         cells[iCol-1].style.background=c_rgszClr[2];
         cells[iCol].style.background=c_rgszClr[1];
         cells[iCol+1].style.background=c_rgszClr[2];
        } else {
         cells[iCol-1].style.background=c_rgszClr[4];
         cells[iCol].style.background=c_rgszClr[(i==2)?2:4];
         cells[iCol+1].style.background=c_rgszClr[4];
        }
       }
      } else
       cells[iCol].style.background=c_rgszClr[fActive?2:4];
     }
    }
   }
   with (aTab[iTab].style) {
    cursor=(fActive?"default":"hand");
    color=c_rgszClr[3];
   }
  }
 }
}

function fnMouseOverScroll(iCtl)
{
 frames['frScroll'].document.all.tdScroll[iCtl].style.color=c_rgszClr[7];
}

function fnMouseOutScroll(iCtl)
{
 frames['frScroll'].document.all.tdScroll[iCtl].style.color=c_rgszClr[6];
}

function fnMouseOverTab(iTab)
{
 if (iTab!=g_iShCur) {
  var iCol=fnTabToCol(iTab);
  with (frames['frTabs'].document.all) {
   tdTab[iTab].style.background=c_rgszClr[5];
  }
 }
}

function fnMouseOutTab(iTab)
{
 if (iTab>=0) {
  var elFrom=frames['frTabs'].event.srcElement;
  var elTo=frames['frTabs'].event.toElement;

  if ((!elTo) ||
   (elFrom.tagName==elTo.tagName) ||
   (elTo.tagName=="A" && elTo.parentElement!=elFrom) ||
   (elFrom.tagName=="A" && elFrom.parentElement!=elTo)) {

   if (iTab!=g_iShCur) {
    with (frames['frTabs'].document.all) {
     tdTab[iTab].style.background=c_rgszClr[1];
    }
   }
  }
 }
}

function fnSetActiveSheet(iSh)
{
 if (iSh!=g_iShCur) {
  fnSetTabProps(g_iShCur,false);
  fnSetTabProps(iSh,true);
  g_iShCur=iSh;
 }
}

 window.g_iIEVer=fnGetIEVer();
 if (window.g_iIEVer>=4)
  fnBuildFrameset();
//-->
</script>
<![endif]><!--[if gte mso 9]><xml>
 <x:ExcelWorkbook>
  <x:ExcelWorksheets>
   <x:ExcelWorksheet>
    <x:Name>Plan2</x:Name>
    <x:WorksheetSource HRef="qqqqqqqqqqqqqqqqqqqqqqqqqq_arquivos/sheet001.htm"/>
   </x:ExcelWorksheet>
  </x:ExcelWorksheets>
  <x:Stylesheet HRef="qqqqqqqqqqqqqqqqqqqqqqqqqq_arquivos/stylesheet.css"/>
  <x:WindowHeight>7935</x:WindowHeight>
  <x:WindowWidth>20055</x:WindowWidth>
  <x:WindowTopX>240</x:WindowTopX>
  <x:WindowTopY>75</x:WindowTopY>
  <x:ProtectStructure>False</x:ProtectStructure>
  <x:ProtectWindows>False</x:ProtectWindows>
 </x:ExcelWorkbook>
</xml><![endif]-->
</head>

<frameset rows="*,39" border=0 width=0 frameborder=no framespacing=0>
 <frame src="qqqqqqqqqqqqqqqqqqqqqqqqqq_arquivos/sheet001.htm" name="frSheet">
 <frame src="qqqqqqqqqqqqqqqqqqqqqqqqqq_arquivos/tabstrip.htm" name="frTabs" marginwidth=0 marginheight=0>
 <noframes>
  <body>
   <p>Esta página usa quadros, mas o seu navegador não dá suporte para eles.</p>
  </body>
 </noframes>
</frameset>
</html>

Quero converter isso para o modelo do fórum. Como faço?

Obs: Quem for leigo neste assunto, basta pegar o código, copiar num bloco de notas e salvar com o qualquer nome com o final ".html". Depois abre com o chrome, de preferência.

SnowRaptor

Citação de: Mussain! em 05 de Dezembro de 2013, 12:24:58

Como converter planilhas em excel 2010 para formatos HTML, levando juntamente as palavras linkadas?

Arquivo > Salvar como > Tipo do aquivo > HTML?

SnowRaptor

Citação de: Mussain! em 05 de Dezembro de 2013, 12:37:22

Quero converter isso para o modelo do fórum. Como faço?

Como assim "converter para o formato do fórum"?

Converter pra BBCode? Não é tão trivial considerando a quantidade de maracutaia que o Office pôs nesse HTML aí.

Mussain, experimenta usar o pastebin.ca para postar esses códigos mais compridos, eles ficam bem mais legíveis, tem syntax highlight e os paranauês todos, além de uma opção para baixar o código direto pra um arquivo, sem ficar copiando e colando.

Mussain!

Citar

Converter pra BBCode?

Exato.

Citar

Mussain, experimenta usar o pastebin.ca para postar esses códigos mais compridos, eles ficam bem mais legíveis, tem syntax highlight e os paranauês todos, além de uma opção para baixar o código direto pra um arquivo, sem ficar copiando e colando.

Hãããã.... Como é que usa esse pastebin.ca...?

SnowRaptor

Citação de: Mussain! em 05 de Dezembro de 2013, 13:38:12

Citar
Converter pra BBCode?
Exato.

Bom, a parte dos <table> é relativamente fácil, porque a sintaxe é a mesma, com tr e td, só tem que trocar os <> por [ ].

O monte de javascript maluco que o excel põe na planilha não dá pra converter. Quase nenhum fórum permite tags <script>.

O resto acho que dá pra mudar com expressões regulares espertas.

Citação de: Mussain! em 05 de Dezembro de 2013, 13:38:12

Hãããã.... Como é que usa esse pastebin.ca...?

Citar

Please enter your new post below (or upload a file instead):

Mussain!

Já fiz isso:

http://pastebin.ca/2492898

Pensei que o troço iria converter as tags tipo colchetes/bbcode.

SnowRaptor

Não, é só para postar o código de maneira minimamente legível.

Você pode escolher a linguagem em que está o código para ele fazer syntax highlighting: http://pastebin.ca/2492926

Mussain!

Ah, bom. Então é muito melhor usar o Notepad ++ e o PSpad que utilizo. Eu pensei que o troço iria converter para o formato do fórum, tipo como o excel converteu para html.

SnowRaptor

Não, ele é só para POSTAR o código aqui.

Mussain!

Arriégua... E pra que isso no fim das contas? Tem alguma ferramenta especial nele?

SnowRaptor

Ele serve pra você não precisar colocar códigos enormes no corpo da mensagem, onde são difíceis de ler, além de facilitar a vida de quer quiser salvá-los no próprio computador para trabalhar nele.

Buckaroo Banzai

Citação de: Mussain! em 05 de Dezembro de 2013, 13:38:12

Citar
Converter pra BBCode?
Exato.

O BBcode/etc só tem uma parte limitada das coisas que são possíveis no HTML. Não vai poder enfiar scripts no bbcode, nem iframes, nada do tipo, só a formatação de texto que você vê no editor. Serve exatamente para isso mesmo, para criar um editor só com as funções necessárias para as pessoas postarem mensagens, não para fazer "webdesign" completo nelas.

Mussain!

Citação de: Buckaroo Banzai em 05 de Dezembro de 2013, 17:22:20

Citação de: Mussain! em 05 de Dezembro de 2013, 13:38:12
Citar
Converter pra BBCode?
Exato.

O BBcode/etc só tem uma parte limitada das coisas que são possíveis no HTML. Não vai poder enfiar scripts no bbcode, nem iframes, nada do tipo, só a formatação de texto que você vê no editor. Serve exatamente para isso mesmo, para criar um editor só com as funções necessárias para as pessoas postarem mensagens, não para fazer "webdesign" completo nelas.

Mesmo que fique "cru" a tabela. Queria só poder convertê-la da mesma forma que fiz, tipo não precisaria usar fórmulas nem nada disso, apenas transformar em tabela, com cabeçalho, linhas e colunas.

Buckaroo Banzai

Bem, acho que você teria que "rodar" o código no browser para que os scripts façam o que quer que façam, e então seleciona a tabela, copia o código-fonte da seleção (acho que essa opção existe por default no firefox), e cola isso em alguns "conversores" online (busque por "html to bbcode convert"). Talvez funcione.

Mussain!

Alguns site ao se copiar seu conteúdo, automaticamente leva o link da página que etá sendo copiada, dependendo da quantidade de informação que vc esteja copiando. O link não é exatamente o mesmo da própria página, mas leva a esta suposta página.

Qual código é utiliazdo pra isso?

SnowRaptor

O jeito mais fácil é usar CSS para deslocar o texto oculto para uma parte invisível da página:

http://thejh.net/misc/website-terminal-copy-paste

Buckaroo Banzai

Acho que não funciona assim, é alguma manipulação específica do clipboard.

Você copia uma parte do texto, qualquer parte, e quando cola em outro lugar, vem uma frase no final como, "Leia o resto do texto e mais sobre isso no site www.lalalilalala.com/lalalala"

Acho que em alguns casos até "cortam" o texto, em vez de só adicionar.

http://bavotasan.com/2010/add-a-copyright-notice-to-copied-text/

Mussain!

O que eu acho engraçado é fato das urls serem diferentes. A original é uma, e a que é gerada é outra, mas que ambas destinam o mesmo lugar. Acredito que seja uma espécie de contagem, onde a url forçada na cópia do texto, é algo que algum sistema do site conta, tipo “mil pessoas vieram da cópia x”.

Buckaroo Banzai

Pode ser talvez porque a URL do browser é "amigável" e o javascript pode não ter acesso à ela, e nem se querer perder tempo para reconstruí-la de forma amigável (especialmente se as URLs amigáveis foram implementadas depois), ou talvez porque a URL passada ao copiar o texto é mais curta, um tipo de "tinyurl" do próprio site, o que talvez seja visto como vantagem em situações de limitação de caracteres, em redes sociais como Twitter.

Buckaroo Banzai

Userscript/talvez userstyle para deixar os posts do FCC mais estreitos, redimensionar proporcionalmente as imagens, e deixar igual o tamanho dos vídeos:

Código: [Selecionar]

/// ==UserScript==
// @name          fcc max-width
// @include       ../*
// @run-at        document-start
// ==/UserScript==
(function() {
    var css = " #forumposts, [class='windowbg core_posts'], [class='windowbg2 core_posts']  { font-family: Freeserif !important; max-width:65% !important; margin:auto !important;} img[class='bbc_img resized'] { width:100% !important; height:auto !important; } embed { width:100% !important; height:350 !important; } ";
if (typeof GM_addStyle != "undefined") {
	GM_addStyle(css);
} else if (typeof PRO_addStyle != "undefined") {
	PRO_addStyle(css);
} else if (typeof addStyle != "undefined") {
	addStyle(css);
} else {
	var heads = document.getElementsByTagName("head");
	if (heads.length > 0) {
		var node = document.createElement("style");
		node.type = "text/css";
		node.appendChild(document.createTextNode(css));
		heads[0].appendChild(node); 
	}
}
})();

Possivelmente tem coisa sobrando aí, na parte do script em si. Só mudei o CSS de um script que faz a wikipedia ficar mais estreita. Ah, a fonte do texto também vira "Freeserif" ou a substituição que houver, acho.

Gabarito

Citação de: Mussain! em 13 de Novembro de 2013, 15:20:26

Já faz um tempo que a google está usando códigos estranhos na sua prória URL, por exemplo, "/?gws_rd=cr&ei=f7SDUo7vK5CMkAe4g4GoDw" ou coisa do tipo. Não consigo achar nada oficial, mas tentando me informar sobre, só vejo que são códigos para identificar, país, cidade e etc do usuário.

Alguém sabe mais sobre o assunto? Ou têm uma resposta ofical da Google?

Tem um complemento que limpa esse excesso que o Google inclui nos links de sua pesquisa. Experimente.

http://olhardigital.uol.com.br/noticia/39491/39491

Mussain!

Citação de: Gabarito em 18 de Dezembro de 2013, 15:22:01

Citação de: Mussain! em 13 de Novembro de 2013, 15:20:26
Já faz um tempo que a google está usando códigos estranhos na sua prória URL, por exemplo, "/?gws_rd=cr&ei=f7SDUo7vK5CMkAe4g4GoDw" ou coisa do tipo. Não consigo achar nada oficial, mas tentando me informar sobre, só vejo que são códigos para identificar, país, cidade e etc do usuário.

Alguém sabe mais sobre o assunto? Ou têm uma resposta ofical da Google?

Tem um complemento que limpa esse excesso que o Google inclui nos links de sua pesquisa. Experimente.

http://olhardigital.uol.com.br/noticia/39491/39491

O problema é que ele só deleta da cópia, só faz isso.

"Google/Yandex search link fix - Já tentou copiar um link na página de resultados de pesquisa do Google? Você deve ter percebido que a URL que foi para o seu clipboard não faz sentido, cheia de caracteres misteriosos. Tudo isso para rastrear o seu acesso. A extensão permite que você copie o link original, sem interferência do Google".

Mussain!

Ah, ei, ei. Não, vc também confundiu. Esse complemento serve para quando copiamos um link fornecido pelo google, tipo:

Digite clube cético no google, e o link oferecido será este:

http://www.google.com.br/url?sa=t&rct=j&q=&esrc=s&source=web&cd=1&cad=rja&ved=0CCsQFjAA&url=http%3A%2F%2Fclubecetico.org%2Fforum%2F&ei=aduxUoeQAqnNsQSr94CwCg&usg=AFQjCNHJwgpmGGnxxuUIm65o1ZtoOVhcsg&bvm=bv.58187178,d.cWc

Enquanto todo esse código te direciona para cá:

../forum/

Mas isso não é problema não. O que eu falei foi outra coisa.

Gabarito

Citação de: Mussain! em 18 de Dezembro de 2013, 15:27:48

O problema é que ele só deleta da cópia, só faz isso.

Não era isso o que você queria? Limpar o link e deixá-lo sem aquela "sujeira" com fins de rastreamento?
Uma vez usando somente o link puro, todos os problemas acabaram. Não vejo outro inconveniente.

Mussain!

Não, estava falando disso:

http://diariodonewnerd.blogspot.com.br/2013/11/saiba-como-tirar-o-codigo-gwsrd-cr-que.html