com tabs

[LaBoss 0]

Ola, gostaria saber se é possivel fazer um sistema de tabs deste genero e se sim como... :D

 

quando abrir o site ele abrir automaticamente 1 aba e ficar assim:

 

 

 

e quando carregar na outra ficar assim:

 

 

 

o problema esta nos ícones que cada imagem tem, ficando impossível de fazer isso so com 1 css "selected" neste caso

 

alguem me da uma luz??'

 

 

obrigado

[K M 0]

se quiser usar php faz:

<?

if($_GET["menu"] == 'entrevistas'){

$classe1 = ' classe="selected"';

}

if($_GET["menu"] == 'coberturas'){

$classe2 = ' classe="selected"';

}

 

dae no html você faz assim digamos q estejam em divs

 

<!-- lembrar de preparar o select para cada div, pode por selected1 e selected2 no IF acima -->

<div id="entrevistas"<? echo $classe1; ?>>ENTREVISTAS</div>

<div id="coberturas"<? echo $classe2; ?>>COBERTURAS</div>

[JackDenio 0]

Só um detalhe use sempre <?php ao invés de <? !!

[Skyo 1]

Só um detalhe use sempre <?php ao invés de <? !!

o0,... sempre?

Eu SEMPRE uso <? ?>, algum problema? uhehuehue...

Geralmente essa tag já vem habilitada o0.

[Beraldo 864]

Só um detalhe use sempre <?php ao invés de <? !!

o0,... sempre?

Eu SEMPRE uso <? ?>, algum problema? uhehuehue...

Geralmente essa tag já vem habilitada o0.

 

A partir do PHP 5, o padrão da diretiva short_open_tag é off. O não uso das tags completas pode gerar incompatibilidade com determinados servidores. http://forum.imasters.com.br/public/style_emoticons/default/thumbsup.gif

 

http://br.php.net/manual/pt_BR/ini.core.ph....short-open-tag

[Dórian Conde Langbeck 0]

cada aba é um arquivo diferente ou é o msm arquivo q processa o conteudo de ambas?

você quer usar as abas juntamente com Ajax ou carregando a pagina inteira msm?!

 

Abraços

 

Skyo - isso q da naum ler as novidades do PHP5 ^^

mais infos sobre as correções/novidades no PHP5: http://www.php.net/ChangeLog-5.php

[Skyo 1]

A partir do PHP 5, o padrão da diretiva short_open_tag é off. O não uso das tags completas pode gerar incompatibilidade com determinados servidores.

Que frescurite aguda!

Como fazem isso sem me consultar? Aff...

 

Skyo - isso q da naum ler as novidades do PHP5 ^^

mais infos sobre as correções/novidades no PHP5: http://www.php.net/ChangeLog-5.php

É... ando meio sem tempo ;(

Nossa.. tá tudo com short aqui =x

[Dórian Conde Langbeck 0]

Skyo - hasuhashasahsua... cara, parece q tem um programinha de 900KB, onde você pode especificar uma pasta, ele varre todos os arquivos PHP da pasta e das subpastas, trocando o <? por <?php... naum sei o nome ao certo, parece-me que foi um projeto de codigo aberto, ou foi no Google Gears ou no Source Forge...

PS: na epoca que eu vi o projeto ele naum trocava <?="TEXTO"?> por <?php echo "TEXTO"; ?>... naum sei se eles ja implementaram isso ^^

 

E nem sinal de vida do LaBoss q fez o post... xD

[Marcio Leandro 0]

Sobre as short tags, sempre que eu pego um arquivo com short tags, dou um "substituir todos " na IDE (uso o Zend) . Troco todos os "<?" por "<?php" e "<?=" por "<?php echo ". Não tem segredo.

[Dórian Conde Langbeck 0]

nunca testei, mas a IDE pode substituir isso em todos os arquivos de uma pasta e todas as subpastas automaticamente?!

 

PREFERENCIA: Naum gostei muito da IDE da Zend, prefiro o PHP Designer... (Isso pra Windows)

Pra Linux (uso o Fedora), acho a extenção do Eclipse para o PHP imbativel, se for um + leve, tem o Geany para quem tem GNOME por padrao e kwrite pra quem tem o KDE por padrao...

+ entre o Geany e kwrite, o Geany é melhor ^^

[Skyo 1]

Já disse, é mais fácil falar com meus subordinados (desenvolvedores do PHP) do que mudar meus arquivos!

É uma atualização temporária, em próximas versões tudo voltará como deve ser (como eu quero que seja huaha)!!

[LaBoss 0]

Antes de mais obrigado por todas as respostas...

 

Dórian Conde Langbeck

 

cada aba é um conteudo diferente... eu tentei fazer em ajax mas nao consegui porque as abas tinhao de ir sempre buscar a class selected mas isso depois dava "erro" pk nao conseguia definir a imagem :S

[Dórian Conde Langbeck 0]

cara... dependendo do conteudo de cada aba, eu posso te ajudar a criar isso em AJAX, onde ele troque as imagens das abas e td mais...

oq você acha?!

Abraços

[LaBoss 0]

Era mesmo isso que estava a precisar... :D

 

se voçe me quiser ajudar agradeço imenso :D

[Dórian Conde Langbeck 0]

me add q eu vou te ajudando...

ken_langbeck@yahoo.com.br

 

Abraços

[LaBoss 0]

Graças a ajuda do Dórian Conde Langbeck consegui chegar a um codigo simples e funcionar...ca fica esta...

 

<html>

<head>
<meta http-equiv="Content-Type" content="text/html; charset=windows-1252">
<title>a</title>
</head>

<script>
var xmlhttp
if (!xmlhttp && typeof XMLHttpRequest!='undefined') {
	try {
		xmlhttp = new XMLHttpRequest();
	} catch (e) {
		xmlhttp=false
	}
}
function myXMLHttpRequest() {
	var xmlhttplocal;
	try {
		xmlhttplocal= new ActiveXObject("Msxml2.XMLHTTP")
	} catch (e) {
		try {
			xmlhttplocal= new ActiveXObject("Microsoft.XMLHTTP")
		} catch (E) {
			xmlhttplocal=false;
		}
	}

	if (!xmlhttplocal && typeof XMLHttpRequest!='undefined') {
		try {
			var xmlhttplocal = new XMLHttpRequest();
		} catch (e) {
			var xmlhttplocal=false;
			alert('couldn\'t create xmlhttp object');
		}
	}
	return(xmlhttplocal);
}

function tab(aba_id,link){
	xmlhttp.open("POST", "blocos.php?id="+link);
	xmlhttp.onreadystatechange=function(){
	if ( xmlhttp.readyState == 4) { // Completo 
		if ( xmlhttp.status == 200) { // resposta do servidor OK
			if(aba_id == 1){
				document.getElementById("aba1").src = "tab_entervistas_over.png"
				document.getElementById("aba2").src = "tab_coverturas.png"
			}else if(aba_id == 2){
				document.getElementById("aba1").src = "tab_entervistas.png"
				document.getElementById("aba2").src = "tab_coverturas_over.png"
			}
		   document.getElementById('conteudo').innerHTML=xmlhttp.responseText; 
		} else { 
			alert("Problema:" + xmlhttp.statusText ); 
		} 
	}
}
	xmlhttp.send(null)
}
</script>
<body>
<div id="tab1">
	<img id="aba1" name="aba1" border="0" src="tab_entervistas.png" width="129" height="37" onclick="tab('1','teste')"></div>
<div id="tab2">
	<img id="aba2" name="aba2" border="0" src="tab_coverturas.png" width="128" height="37" onclick="tab('2','teste')"></div>
	<div id="conteudo">a</div>
</body>

Muito obrigado Dórian Conde Langbeck pela sua ajuda :D