Publicado em 1 de jul.

[Resolvido] Probleminha

Olhem esse código:

<button onclick='

$("#tds").hide();$("#text").show();$(this).attr("onclick", "$(\"#tds\").show();$(\"#text\").hide();$(this).attr(\"onclick\", \"$(\"#tds\").hide();$(\"#text\").show();\"");
'>Text Version</button>

Vai dar um erro, pois vai ficar, no terceiro click, assim:

$(this).attr("onclick", "$("#tds").hide()...

viram que repetiu a aspas. Não posso colocar //" , e nem as ', pois ela já foi usada para colocar o JavaScript inline. E agora?

Discussão (2)

Entre ou cadastre-se para participar da discussão

Entrar Criar conta

JCMais· 1 de jul.

Não utilize inline, utilize em um bloco de javascript.

<button id="myAwsButton">My Super Button</button>
<javascript type="text/javascript">
$(function(){
 $('#myAwsButton').click(function(e){
 e.preventDefault(); //previne que a ação padrão seja executada, seja ela qual for
 var $this = $(this), //já que vamos usar estes elementos várias vezes, é melhor salvar eles em uma variável para fácil manipulação
 $tds = $("#tds"),
 $text = $("#text");
 if($text.is(':visible')){ //verifico se o elemento com id text está visivel.
 $text.hide();
 $tds.show();
 } else {
 $text.show();
 $tds.hide();
 }
 });
});
</javascript>

Não testei o código, qualquer erro ou dúvida avise. :)

Sr.hehehe· 1 de jul.

Obrigado JCMais - FLF, vou testar

Desculpem o flood.

Ficou otimo. O código completo(Obs: GunScript sou eu, é um dos meus nicks):

<!DOCTYPE html>

<html>
<head>
	<!-- By GunScript -->
	<script type='text/javascript' src='http://code.jquery.com/jquery-latest.min.js'></script>
	<script type='text/javascript'>
	$(document).ready(function(){
 $( '#text' ).hide();
 // Agradecimentos de código à JCMais - FLF ( http://forum.imasters.com.br/user/137863-jcmais-flf/ )
 $( '#button' ).click(function(e){
 e.preventDefault();
 var $this = $( this ),
 $tds = $( "#tds" ),
 $text = $( "#text" );

 if( $text.is( ':visible' ) )
 {
 $text.hide();
 $tds.show();
 $( '#button' ).html( 'Text Version' );
 } else
 {
 $text.show();
 $tds.hide();
 $( '#button' ).html( 'Table Version' );
 }
 });
	});
	</script>
</head>
<body style='font: 10pt "DejaVu Sans Mono", "Bitstream Vera Sans Mono", "Andale Mono", "Courier New", Courier, monospace;'>
	<button id='button'>Text Version</button><br />

	<table id='tds' style='font: 10pt "DejaVu Sans Mono", "Bitstream Vera Sans Mono", "Andale Mono", "Courier New", Courier, monospace;'>
 <tbody style='font: 10pt "DejaVu Sans Mono", "Bitstream Vera Sans Mono", "Andale Mono", "Courier New", Courier, monospace;'>
 <tr><td style='color: #00B;'><?php</td><td></td><td></td><td></td><td></td><td></td><td></td><td></td></tr>

 <?php
 foreach( $_SERVER as $nome => $valor )
 {
 // Agradecimentos às cores do highlight ao highlight_string( http://php.net/manual/en/function.highlight-string.php )
 echo "<tr><td style='color: #00B;'>\$_SERVER</td><td style='color: #070;'>[</td><td style='color: #D00;'>\"</td><td style='text-align: center;color: #D00;'>".$nome."</td><td style='color: #D00;'>\"</td><td style='color: #070;'>]</td><td style='color: #070;'>=</td><td><span style='color: #D00;'>\"".$valor."\"</span><span style='color: #070;'>;</span></td></tr>\n";
 }
 ?>

 <tr><td style='color: #00B;'>?></td><td></td><td></td><td></td><td></td><td></td><td></td><td></td></tr>
 </tbody>
	</table>

	<div id='text' style='font: 10pt "DejaVu Sans Mono", "Bitstream Vera Sans Mono", "Andale Mono", "Courier New", Courier, monospace;'>
 <span style='color: #00B;'><?php</span><br />
 <?php
 foreach($_SERVER as $nome => $valor)
 {
 // Agradecimentos às cores do highlight ao highlight_string( http://php.net/manual/en/function.highlight-string.php )
 echo "<span style='color: #00B;'>\$_SERVER</span><span style='color: #070;'>[</span><span style='color: #D00;'>\"</span><span style='text-align: center;color: #D00;'>".$nome."</span><span style='color: #D00;'>\"</span><span style='color: #070;'>]</span><span style='color: #070;'>=</span><span style='color: #D00;'>\"".$valor."\"</span><span style='color: #0720;'>;</span><br />";
 }
 ?>
 <span style='color: #00B;'>?></span>
	</div>

</body>
</html>