Abas com formularios diferentes

pensar · Maio 10, 2007

Galera é o seguinte estou utiliazando o dreamweaver cs3 aqui e ele ja vem com as abas prontas para você colocar os menus e conteudo dentro de cada aba...

Estou com dois formularios de cadastro de propriedades . a 1 aba esta com os dados da propriedade e a 2 esta com as benfeitorias da mesma..

Esta funcionando legal cadastrando no banco normal so que elas estao independentes. Tipo hoje eu cadastro a propriedade e mando pro banco e quando vou na aba benfeitoria tem um combobox que puxa os nomes da propriedades ai eu seleciono o nome e cadastro as benfeitorias dela.

MAs isso mais pra frente vai estar com muitos nomes entao queria assim que ao selecionar a aba beneitoria ja viesse pra mim o nome da propriedade...

Vou postar o codigo onde esta os forms dentro das divs e o javascript que é gerado pelo dream para executar o menu em abas...

INDEX.PHP

<head><meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1" /><title>Untitled Document</title><script src="../../SpryAssets/SpryTabbedPanels.js" type="text/javascript"></script><link href="../../SpryAssets/SpryTabbedPanels.css" rel="stylesheet" type="text/css" /></head><body><div id="TabbedPanels1" class="TabbedPanels">  <ul class="TabbedPanelsTabGroup">	<li class="TabbedPanelsTab" tabindex="0">Propriedades</li>	<li class="TabbedPanelsTab" tabindex="0">Benfeitorias</li>  </ul>  <div class="TabbedPanelsContentGroup">	<div class="TabbedPanelsContent"><form  action="cadastrar.php" method="post" name="form" id="form">  <table width="718" border="0">	<tr>	  <td colspan="5"><div align="center" class="style2 style10"><span class="style1">Cadastro de Propriedade </span></div></td>	</tr>		  		<tr>	  <td><div align="right" class="style11">Nome:</div></td>	  <td colspan="2"><input name="nome" type="text" id="nome" style="width:200;border:1px solid" size="35" /></td>		  	  <td>                                 		<input name="Enviar" type="button" id="Enviar" value="Cadastrar Propriedade" onClick="Confirmar();" style="width:250;border:2px solid"/>	   </td>	  <td>                  </td>	  <td><input name="limpar" type="reset" id="limpar" value="LImpar" style="width:250;border:2px solid"/></td>	  <td> </td>	</tr>	  </table></form></div>	<div class="TabbedPanelsContent"><form id="form1" name="form1" method="post" action="envia_cad_benfeitoria.php">   // AQUI COMEÇA O FORM 2  <label>Propriedade: <select name="propriedade"  style="border:1px solid" /> // AQUI PUXO AS PROPRIEDADES CADASTRADAS NO BANCO - QUERO SUBSTITUIR ESSE SELECT POR UM CAMPO TEXTO QUE VEM PRENCHIDO DA ABA 1 O NOME DA PROPRIEDADE		<option>--Selecione a propriedade--</option>		<?php		  include "../config/config.php";		  //Gera Lista de escritorio regionais		  $res=mysql_query("select * from tb_propriedade ORDER BY nm_propriedade ASC");			  while($registro=mysql_fetch_row($res))				{					$cod=$registro[0];					$nome=$registro[4];					echo"<option value=\"$cod\">$nome</option>\n";				}				?>	  </select> </label>	  <br />	  <br />	  Benfeitoria: <select name="benfeitoria"  style="border:1px solid"/>		<option>--Selecione o tipo de Benfeitoria--</option>		<?php		  include "../config/config.php";		  //Gera Lista de escritorio regionais		  $res=mysql_query("select * from tb_benfeitoria ORDER BY nm_benfeitoria ASC");			  while($registro=mysql_fetch_row($res))				{					$cod=$registro[0];					$nome=$registro[1];					echo"<option value=\"$cod\">$nome</option>\n";				}				?>	  </select> 	  <br />	  <br />	    Dimensão:  <input name="dimensao" type="text" id="dimensao" size="10" style="border:1px solid"/>  </label>    Valor:<label><input name="valor" type="text" id="valor" size="10" style="border:1px solid"/></label>     Conservaçao: <label><input name="conservacao" type="radio" value="B" style="border:1px solid"/>Bom</label> <label><input name="conservacao" type="radio" value="R" />Regular</label><label><input name="conservacao" type="radio" value="R" />Ruim</label><p><br /></p><p>  <label>  <input type="submit" name="Submit" value="Cadastrar" style="border:1px solid"/>  </label></p></form></div>  </div></div><script type="text/javascript"><!--var TabbedPanels1 = new Spry.Widget.TabbedPanels("TabbedPanels1");//--></script></body></html>

SpryTabbedPanels.js

var Spry;if (!Spry) Spry = {};if (!Spry.Widget) Spry.Widget = {};Spry.Widget.TabbedPanels = function(element, opts){	this.element = this.getElement(element);	this.defaultTab = 0; // Show the first panel by default.	this.bindings = [];	this.tabSelectedClass = "TabbedPanelsTabSelected";	this.tabHoverClass = "TabbedPanelsTabHover";	this.tabFocusedClass = "TabbedPanelsTabFocused";	this.panelVisibleClass = "TabbedPanelsContentVisible";	this.focusElement = null;	this.hasFocus = false;	this.currentTabIndex = 0;	this.enableKeyboardNavigation = true;	Spry.Widget.TabbedPanels.setOptions(this, opts);	// If the defaultTab is expressed as a number/index, convert	// it to an element.	if (typeof (this.defaultTab) == "number")	{		if (this.defaultTab < 0)			this.defaultTab = 0;		else		{			var count = this.getTabbedPanelCount();			if (this.defaultTab >= count)				this.defaultTab = (count > 1) ? (count - 1) : 0;		}		this.defaultTab = this.getTabs()[this.defaultTab];	}	// The defaultTab property is supposed to be the tab element for the tab content	// to show by default. The caller is allowed to pass in the element itself or the	// element's id, so we need to convert the current value to an element if necessary.	if (this.defaultTab)		this.defaultTab = this.getElement(this.defaultTab);	this.attachBehaviors();};Spry.Widget.TabbedPanels.prototype.getElement = function(ele){	if (ele && typeof ele == "string")		return document.getElementById(ele);	return ele;}Spry.Widget.TabbedPanels.prototype.getElementChildren = function(element){	var children = [];	var child = element.firstChild;	while (child)	{		if (child.nodeType == 1 /* Node.ELEMENT_NODE */)			children.push(child);		child = child.nextSibling;	}	return children;};Spry.Widget.TabbedPanels.prototype.addClassName = function(ele, className){	if (!ele || !className || (ele.className && ele.className.search(new RegExp("\\b" + className + "\\b")) != -1))		return;	ele.className += (ele.className ? " " : "") + className;};Spry.Widget.TabbedPanels.prototype.removeClassName = function(ele, className){	if (!ele || !className || (ele.className && ele.className.search(new RegExp("\\b" + className + "\\b")) == -1))		return;	ele.className = ele.className.replace(new RegExp("\\s*\\b" + className + "\\b", "g"), "");};Spry.Widget.TabbedPanels.setOptions = function(obj, optionsObj, ignoreUndefinedProps){	if (!optionsObj)		return;	for (var optionName in optionsObj)	{		if (ignoreUndefinedProps && optionsObj[optionName] == undefined)			continue;		obj[optionName] = optionsObj[optionName];	}};Spry.Widget.TabbedPanels.prototype.getTabGroup = function(){	if (this.element)	{		var children = this.getElementChildren(this.element);		if (children.length)			return children[0];	}	return null;};Spry.Widget.TabbedPanels.prototype.getTabs = function(){	var tabs = [];	var tg = this.getTabGroup();	if (tg)		tabs = this.getElementChildren(tg);	return tabs;};Spry.Widget.TabbedPanels.prototype.getContentPanelGroup = function(){	if (this.element)	{		var children = this.getElementChildren(this.element);		if (children.length > 1)			return children[1];	}	return null;};Spry.Widget.TabbedPanels.prototype.getContentPanels = function(){	var panels = [];	var pg = this.getContentPanelGroup();	if (pg)		panels = this.getElementChildren(pg);	return panels;};Spry.Widget.TabbedPanels.prototype.getIndex = function(ele, arr){	ele = this.getElement(ele);	if (ele && arr && arr.length)	{		for (var i = 0; i < arr.length; i++)		{			if (ele == arr[i])				return i;		}	}	return -1;};Spry.Widget.TabbedPanels.prototype.getTabIndex = function(ele){	var i = this.getIndex(ele, this.getTabs());	if (i < 0)		i = this.getIndex(ele, this.getContentPanels());	return i;};Spry.Widget.TabbedPanels.prototype.getCurrentTabIndex = function(){	return this.currentTabIndex;};Spry.Widget.TabbedPanels.prototype.getTabbedPanelCount = function(ele){	return Math.min(this.getTabs().length, this.getContentPanels().length);};Spry.Widget.TabbedPanels.addEventListener = function(element, eventType, handler, capture){	try	{		if (element.addEventListener)			element.addEventListener(eventType, handler, capture);		else if (element.attachEvent)			element.attachEvent("on" + eventType, handler);	}	catch (e) {}};Spry.Widget.TabbedPanels.prototype.onTabClick = function(e, tab){	this.showPanel(tab);};Spry.Widget.TabbedPanels.prototype.onTabMouseOver = function(e, tab){	this.addClassName(tab, this.tabHoverClass);};Spry.Widget.TabbedPanels.prototype.onTabMouseOut = function(e, tab){	this.removeClassName(tab, this.tabHoverClass);};Spry.Widget.TabbedPanels.prototype.onTabFocus = function(e, tab){	this.hasFocus = true;	this.addClassName(this.element, this.tabFocusedClass);};Spry.Widget.TabbedPanels.prototype.onTabBlur = function(e, tab){	this.hasFocus = false;	this.removeClassName(this.element, this.tabFocusedClass);};Spry.Widget.TabbedPanels.ENTER_KEY = 13;Spry.Widget.TabbedPanels.SPACE_KEY = 32;Spry.Widget.TabbedPanels.prototype.onTabKeyDown = function(e, tab){	var key = e.keyCode;	if (!this.hasFocus || (key != Spry.Widget.TabbedPanels.ENTER_KEY && key != Spry.Widget.TabbedPanels.SPACE_KEY))		return true;	this.showPanel(tab);	if (e.stopPropagation)		e.stopPropagation();	if (e.preventDefault)		e.preventDefault();	return false;};Spry.Widget.TabbedPanels.prototype.preorderTraversal = function(root, func){	var stopTraversal = false;	if (root)	{		stopTraversal = func(root);		if (root.hasChildNodes())		{			var child = root.firstChild;			while (!stopTraversal && child)			{				stopTraversal = this.preorderTraversal(child, func);				try { child = child.nextSibling; } catch (e) { child = null; }			}		}	}	return stopTraversal;};Spry.Widget.TabbedPanels.prototype.addPanelEventListeners = function(tab, panel){	var self = this;	Spry.Widget.TabbedPanels.addEventListener(tab, "click", function(e) { return self.onTabClick(e, tab); }, false);	Spry.Widget.TabbedPanels.addEventListener(tab, "mouseover", function(e) { return self.onTabMouseOver(e, tab); }, false);	Spry.Widget.TabbedPanels.addEventListener(tab, "mouseout", function(e) { return self.onTabMouseOut(e, tab); }, false);	if (this.enableKeyboardNavigation)	{		// XXX: IE doesn't allow the setting of tabindex dynamically. This means we can't		// rely on adding the tabindex attribute if it is missing to enable keyboard navigation		// by default.		// Find the first element within the tab container that has a tabindex or the first		// anchor tag.				var tabIndexEle = null;		var tabAnchorEle = null;		this.preorderTraversal(tab, function(node) {			if (node.nodeType == 1 /* NODE.ELEMENT_NODE */)			{				var tabIndexAttr = tab.attributes.getNamedItem("tabindex");				if (tabIndexAttr)				{					tabIndexEle = node;					return true;				}				if (!tabAnchorEle && node.nodeName.toLowerCase() == "a")					tabAnchorEle = node;			}			return false;		});		if (tabIndexEle)			this.focusElement = tabIndexEle;		else if (tabAnchorEle)			this.focusElement = tabAnchorEle;		if (this.focusElement)		{			Spry.Widget.TabbedPanels.addEventListener(this.focusElement, "focus", function(e) { return self.onTabFocus(e, tab); }, false);			Spry.Widget.TabbedPanels.addEventListener(this.focusElement, "blur", function(e) { return self.onTabBlur(e, tab); }, false);			Spry.Widget.TabbedPanels.addEventListener(this.focusElement, "keydown", function(e) { return self.onTabKeyDown(e, tab); }, false);		}	}};Spry.Widget.TabbedPanels.prototype.showPanel = function(elementOrIndex){	var tpIndex = -1;		if (typeof elementOrIndex == "number")		tpIndex = elementOrIndex;	else // Must be the element for the tab or content panel.		tpIndex = this.getTabIndex(elementOrIndex);		if (!tpIndex < 0 || tpIndex >= this.getTabbedPanelCount())		return;	var tabs = this.getTabs();	var panels = this.getContentPanels();	var numTabbedPanels = Math.max(tabs.length, panels.length);	for (var i = 0; i < numTabbedPanels; i++)	{		if (i != tpIndex)		{			if (tabs[i])				this.removeClassName(tabs[i], this.tabSelectedClass);			if (panels[i])			{				this.removeClassName(panels[i], this.panelVisibleClass);				panels[i].style.display = "none";			}		}	}	this.addClassName(tabs[tpIndex], this.tabSelectedClass);	this.addClassName(panels[tpIndex], this.panelVisibleClass);	panels[tpIndex].style.display = "block";	this.currentTabIndex = tpIndex;};Spry.Widget.TabbedPanels.prototype.attachBehaviors = function(element){	var tabs = this.getTabs();	var panels = this.getContentPanels();	var panelCount = this.getTabbedPanelCount();	for (var i = 0; i < panelCount; i++)		this.addPanelEventListeners(tabs[i], panels[i]);	this.showPanel(this.defaultTab);};

SE ALGUEM PUDER ME AJUDAR POIS VOU PRECISAR DISSO ... OU ME DEEM OUTRA IDEIA DE FAZER MELHOR O QUE ESTOU QUERENDO FAZER...

pensar · Maio 11, 2007

Alguma dica rsrs desculpe pelo flood ..

http://forum.imasters.com.br/public/style_emoticons/default/thumbsup.gif

Entrar

Arquivado

Abas com formularios diferentes

Recommended Posts

pensar 1

Compartilhar este post

Link para o post

Compartilhar em outros sites

pensar 1

Compartilhar este post

Link para o post

Compartilhar em outros sites

JAVA - Ajuda em Paginação

Alteracao Tema Wordpress Profolio

Alteracao Tema Wordpress Profolio

Este projeto é apoiado pelas empresas

Fóruns

Tempo Real

Informação importante