09/01/2012, 18:23
|
| | | Fecha de Ingreso: enero-2012
Mensajes: 5
Antigüedad: 12 años, 10 meses Puntos: 0 | |
| no muestra editor en textarea, markitup
hola amigos este es mi primer tema en forosdelweb.com y queria ver si me podrian ayudar con un problema que tengo, es que no se nada de JavaScript..
bueno el problema es en el codigo del editor bbcode MarkitUp.. el problema es que no me aparece la barra con los cambios de formatos, html y demas..
les dejo el codigo
Código:
<?php
$servidor = "localhost";
$base = "radioreligiosa";
$usuario = "root";
$contrasena = "root";
$conexion = mysql_connect("$servidor","$usuario","$contrasena");
if(!$conexion){
die('No se ha podido conectar a la base de datos: ' . mysql_error());
}
mysql_select_db($base, $conexion);
if(!empty($_POST)) {
$titulo = $_POST['titulo'];
$autor = $_POST['autor'];
$fecha = date("Y-m-d");
$noticia = $_POST['noticia'];
mysql_query("insert into noticias(titulo,autor,fecha,noticia) values('$titulo','$autor','$fecha','$noticia')");
}
mysql_close($conexion);
?>
<!DOCTYPE html>
<html lang="es">
<head>
<meta charset="utf-8" />
<title>Noticias | <? include("includes/slogan.php"); ?></title>
<link rel="stylesheet" href="css/maquetacion.css" type="text/css" />
<!-- MarkItUp -->
<link rel="stylesheet" type="text/css" href="images/style.css" />
<script type="text/javascript" src="http://code.jquery.com/jquery-1.6.2.min.js"></script>
<script type="text/javascript" src="markitup/jquery.markitup.js"></script>
<script type="text/javascript" src="markitup/sets/default/set.js"></script>
<link rel="stylesheet" type="text/css" href="markitup/skins/markitup/style.css" />
<link rel="stylesheet" type="text/css" href="markitup/sets/default/style.css" />
</head>
<body>
<script type="text/javascript">
<!--
$(document).ready(function() {
// Add markItUp! to your textarea in one line
// $('textarea').markItUp( { Settings }, { OptionalExtraSettings } );
$('#markItUp').markItUp(mySettings);
// You can add content from anywhere in your page
// $.markItUp( { Settings } );
$('.add').click(function() {
$.markItUp( { openWith:'<opening tag>',
closeWith:'</closing tag>',
placeHolder:"New content"
}
);
return false;
});
// And you can add/remove markItUp! whenever you want
// $(textarea).markItUpRemove();
$('.toggle').click(function() {
if ($("#markItUp.markItUpEditor").length === 1) {
$("#markItUp").markItUpRemove();
$("span", this).text("get markItUp! back");
} else {
$('#markItUp').markItUp(mySettings);
$("span", this).text("remove markItUp!");
}
return false;
});
});
-->
</script>
<div id="header">
<div id="logo">
<a href="#"><img style="margin-left: 5px; margin-top: 5px;" src="media/img/body/logo.png" width="354" height="59" alt="Nombre De La Pagina"></a>
<?php include("includes/radio.php"); ?></div>
<div id="nav">
<?php include("includes/menu2.php"); ?>
<?php include("includes/buscar.php"); ?>
</div>
</div>
<div id="page">
<div id="body">
<div id="content">
<form id="crea-noticia" action="" method="post">
<input type="text" name="titulo" /><br>
<input type="text" name="autor" /><br>
<textarea style="resize:none;" id="markItUp" cols="80" rows="20" name="noticia"></textarea><br>
<input type="submit" name="publicar" value="Publicar" />
</form>
</div>
<div align="center" id="sidebar">
<a href="#"><img src="media/img/sidebar/newsletter.png"></a>
</div>
</div>
</div>
<div id="footer">
<div id="copyright">
</div>
</div>
</body>
</html>
|