Ir para conteúdo

Arquivado

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

Sr.hehehe

[Resolvido] Probleminha

Por , em Javascript

Recommended Posts

Sr.hehehe    0

Sr.hehehe
Postado

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?

Compartilhar este post

Link para o post
Compartilhar em outros sites

JCMais    75

JCMais
Postado

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. :)

Compartilhar este post

Link para o post
Compartilhar em outros sites

Sr.hehehe    0

Sr.hehehe
Postado

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>

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