Ir para conteúdo

POWERED BY:

Arquivado

Este tópico foi arquivado e está fechado para novas respostas.

comicsans

[Resolvido] Problema com Tinymce

Por , em Javascript

Recommended Posts

comicsans    0

comicsans
Postado

Bom galera, aindei procurando pelo forum e em outros lugares uma forma de fazer funcionar o tinymce com ajax e não consegui, espero que me ajudem :)

 

Minha index onde eu faço os imports(não é chamada por ajax).

 

Controle.php

 

<!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>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Squash - Santa Rosa</title>
<link rel="shortcut icon" href="../favicon.ico" type="image/x-icon">
<link rel="icon" href="../favicon.ico" type="image/x-icon">
<link href="css/base.css" rel="stylesheet" type="text/css" media="screen" />
<script language="javascript" src="js/ajax.js"></script>
<script language="javascript" src="js/post.js"></script>
<script type="text/javascript" src="js/tiny_mce.js"></script>
</head>

<body>
<div id="tudo">
 <div id="topo">
   <div id="topo_interno"> </div>
...

Pagina que é chamada, grava_album.php

 

<script type="text/javascript">
tinyMCE.init({
	mode : "textareas",
	theme : "simple"
});
</script>

<div id="chamada"><span class="fonte34">Cadastro de album</span></div>
<div id="painelControle">
 <p>Nesta área você devera cadastrar os dados do album</p>
 <form id="cadast" name="cadast" method="post" >
   <table cellspacing="0" id="tabGeral">
     <tr>
       <td align="right" valign="middle">Título*:</td>
       <td><input name="titulo" type="text" id="titulo" size="40" /> 
         </td>
     </tr>

     <tr>
       <td align="right" valign="top">Descrição*:</td>
       <td><label>
           <textarea name="descricao" id="descricao" cols="100" rows="20"></textarea>
         </label></td>
     </tr>
     <tr>
       <td> </td>
       <td>* Campos Obrigatórios</td>
     </tr>
     <tr>
       <td> </td>
       <td><input type="button" name="envia" id="envia" value="" onClick="enviaAjax13('cadast', 'albuns/grava_albuns.php', 'conteudo_interno');" class="btnCadastrar"/>
         </td>
     </tr>
   </table>
 </form>
</div>

 

 

Meu ajax.js

 

 

function extraiScript(texto){
//Maravilhosa função feita pelo SkyWalker.TO do imasters/forum
//http://forum.imasters.com.br/index.php?showtopic=165277
       // inicializa o inicio ><
       var ini = 0;
       // loop enquanto achar um script
       while (ini!=-1){
               // procura uma tag de script
               ini = texto.indexOf('<script', ini);
               // se encontrar
               if (ini >=0){
                       // define o inicio para depois do fechamento dessa tag
                       ini = texto.indexOf('>', ini) + 1;
                       // procura o final do script
                       var fim = texto.indexOf('</script>', ini);
                       // extrai apenas o script
                       codigo = texto.substring(ini,fim);
                       /**********************

                       * Alterado por Micox - micoxjcg@yahoo.com.br
                       * Alterei pois com o eval não executava funções.

                       * Alterado por Everton D. Silva - everton.silva@streamingshop.com.br
                       * não estava retornando o valor
                       ***********************/
                       var novo = document.createElement('script');
       novo.type               = 'text/javascript';
       novo.language   = 'javascript';
       novo.text = codigo;
       document.body.appendChild(novo);
               }
       }
}


// JavaScript Document
function GetXMLHttp() {
   if(navigator.appName == "Microsoft Internet Explorer") {
       xmlHttp = new ActiveXObject("Microsoft.XMLHTTP");
   }
   else {
       xmlHttp = new XMLHttpRequest();
   }
   return xmlHttp;
}
var xmlRequest = GetXMLHttp();
/* ************** */

function abrirPag(valor){
var url = valor;

xmlRequest.open("GET",url,true);
xmlRequest.onreadystatechange = mudancaEstado;
xmlRequest.send(null);

if (xmlRequest.readyState == 1) {
	document.getElementById("conteudo_interno").innerHTML = "<div class='loader'><img src='ajax-loader.gif'></div>";
}

	return url;
}
function mudancaEstado(){
if (xmlRequest.readyState == 4){
	document.getElementById("conteudo_interno").innerHTML = xmlRequest.responseText;
}
}

 

 

 

Obrigado

Compartilhar este post

Link para o post
Compartilhar em outros sites

JosembergFF    0

JosembergFF
Postado

Chefe não entendi o que você pretende fazer para lhe ajudar, você quer que a página "controle.php" mostre o resultado do formulário da página "grava_album.php" que quando submetido chama o Ajax incluindo a própria "grava_algum.php" ???

Compartilhar este post

Link para o post
Compartilhar em outros sites

comicsans    0

comicsans
Postado

Desculpa se não ficou claro, mas o problema é que não aparece o editor do tinymce na textarea da pagina grava_album, aparece a textarea normal, entendeu?

 

Obrigado :)

Compartilhar este post

Link para o post
Compartilhar em outros sites

William Bruno    1501

William Bruno
Postado

leia esse post:

http://wbruno.com.br/blog/2011/08/22/usando-lightbox-em-pagina-carregada-ajax/

 

o seu problema é o mesmo.

Compartilhar este post

Link para o post
Compartilhar em outros sites

comicsans    0

comicsans
Postado

beleza vou da uma estudada nisso ai, vlw man

Ja posto aqui se consegui

 

Kra ainda não entendi, nao utiliza o metodo .load(), ai como vou fazer isso?

Pra incluir o tinymce é soh colocar:

 

tinyMCE.init({

mode : "textareas",

theme : "simple"

});

tentei usar "window.onload = init;" seguindo os passos desse site:

http://www.dei.isep.ipp.pt/~mouta/ARQSI-2009-2010-1Sem/NotasSobreFuncoesEmJavaScript.pdf

 

Obrigado

Compartilhar este post

Link para o post
Compartilhar em outros sites

William Bruno    1501

William Bruno
Postado

aqui:

        function mudancaEstado(){
       if (xmlRequest.readyState == 4){
               document.getElementById("conteudo_interno").innerHTML = xmlRequest.responseText;
       }

você coloca o conteudo no html, certo ?

 

então é nessa hora que você tem q instanciar o plugin. Assim:

function mudancaEstado(){
   if (xmlRequest.readyState == 4){
       document.getElementById("conteudo_interno").innerHTML = xmlRequest.responseText;

       tinyMCE.init({
           mode : "textareas",
           theme : "simple"
       });
   }
}//fecha mudancaEstado

entendeu ?

Compartilhar este post

Link para o post
Compartilhar em outros sites

Mateus Avila Isidoro    8

Mateus Avila Isidoro
Postado

A solução do Bruno é correta. Tens que avisar pro ajax que tem um plugin que vai funcionar depois que carregar o conteúdo dinamicamente.

Compartilhar este post

Link para o post
Compartilhar em outros sites
Ir para a lista de tópicos Javascript
×

Informação importante

Ao usar o fórum, você concorda com nossos Termos e condições.

  Aceito