Formulario desajusta ao dar include em uma pagina!

Portal do Químico · Maio 21, 2010

Bom pessoa, o titulo diz tudo. Eu tenho um sistema em joomla, integrado com JomSocial, um componente para ele.

Pra vocês entederem melhor acessem o site:

http://www.tecnicoquimico.com

O box de login do site fica certinho até que eu chamo a pagina de registro. Quando esta é chamada, bagunça o negocio todo.

OBS: O link de cadastro que ta no site é provisorio, o correto é este: http://www.tecnicoquimico.com/comunidade/cadastro.

Acessem este link para verem como fica depois de chamar a pagina de registro.

http://www.tecnicoquimico.com/comunidade/cadastro

Eu acredito que seja algum "style" que esteja fazendo isso. Segue anexo aqui o codigo da pagina de registro.

<?php
defined('_JEXEC') or die();
?>
<form action="<?php echo CRoute::getURI(); ?>" method="post" id="jomsForm" name="jomsForm" class="community-form-validate">
<div class="ctitle">
    <h2><?php echo JText::_( 'CC_REG_TITLE_USER_INFO' ); ?></h2>
</div>
<table class="ccontentTable paramlist" cellspacing="1" cellpadding="0">
    <tbody>
        <tr>
            <td class="paramlist_key">
                <label id="jsnamemsg" for="jsname" class="label">*<?php echo JText::_( 'CC NAME' ); ?></label>                                                
            </td>
            <td class="paramlist_value">
                <input type="text" name="jsname" id="jsname" size="40" value="<?php echo $data['html_field']['jsname']; ?>" class="inputbox required validate-name" maxlength="50" />
                <span id="errjsnamemsg" style="display:none;">&nbsp;</span>
            </td>
        </tr>
    
        <tr>
            <td class="paramlist_key">
                <label id="jsusernamemsg" for="jsusername" class="label">*<?php echo JText::_( 'CC USERNAME' ); ?></label>
            </td>
            <td class="paramlist_value">
                <input type="text" id="jsusername" name="jsusername" size="40" value="<?php echo $data['html_field']['jsusername']; ?>" 
                       class="inputbox required validate-username" 
                       maxlength="25" />
                <input type="hidden" name="usernamepass" id="usernamepass" value="N"/>                               
                <span id="errjsusernamemsg" style="display:none;">&nbsp;</span>
            </td>
        </tr>
        <tr>
            <td class="paramlist_key">
                <label id="jsemailmsg" for="jsemail" class="label">*<?php echo JText::_( 'CC EMAIL' ); ?></label>
            </td>
            <td class="paramlist_value">
                <input type="text" id="jsemail" name="jsemail" size="40" value="<?php echo $data['html_field']['jsemail']; ?>" class="inputbox required validate-email" maxlength="100" />
                <input type="hidden" name="emailpass" id="emailpass" value="N"/>
                <span id="errjsemailmsg" style="display:none;">&nbsp;</span>
            </td>
        </tr>
        <tr>
            <td class="paramlist_key">
                <label id="pwmsg" for="jspassword" class="label">*<?php echo JText::_( 'CC PASSWORD' ); ?></label>
            </td>
            <td class="paramlist_value">
                <input class="inputbox required validate-password" type="password" id="jspassword" name="jspassword" size="40" value="" />
                <span id="errjspasswordmsg" style="display:none;">&nbsp;</span>
            </td>
        </tr>
        <tr>
            <td class="paramlist_key">
                <label id="pw2msg" for="jspassword2" class="label">*<?php echo JText::_( 'CC VERIFY PASSWORD' ); ?></label>
            </td>
            <td class="paramlist_value">
                <input class="inputbox required validate-passverify" type="password" id="jspassword2" name="jspassword2" size="40" value="" />
                <span id="errjspassword2msg" style="display:none;">&nbsp;</span>
            </td>
        </tr>
        <tr>
            <td class="paramlist_key">&nbsp;</td>
            <td class="paramlist_value">                        
                <?php echo JText::_( 'CC_REG_REQUIRED_FILEDS' ); ?>
            </td>
        </tr>                
    </tbody>
</table>    
<?php
if( $config->get('enableterms') )
{
?>
<div class="ctitle">
<h2><?php echo JText::_( 'CC_REG_TITLE_TNC' ); ?></h2>
</div>

<table class="ccontentTable paramlist" cellspacing="1" cellpadding="0">
  <tbody>
    <tr>
        <td class="paramlist_key" id="tncmsg" for="tnc">
            <input type="checkbox" name="tnc" id="tnc" value="Y"
                   class="inputbox required"/>
        
        </td>
        <td class="paramlist_value">
            <?php echo JText::_('CC I HAVE READ').' <a href="java script:void(0);" onclick="joms.registrations.windowTitle=\'' . JText::_('CC TERMS AND CONDITION') . '\';joms.registrations.showTermsWindow();">'.JText::_('CC TERMS AND CONDITION').'</a>.';?>
        </td>
    </tr>
</tbody>
</table>            
<?php
}
?>
<?php 
if(!empty($recaptchaHTML))
{
?>
<table cellspacing="0" cellpadding="0">
  <tbody>
    <tr>
        <td class="paramlist_key">&nbsp;</td>
        <td>
            <?php echo $recaptchaHTML;?>
        </td>
    </tr>
</tbody>
</table>
<?php
}
?>

<table class="ccontentTable paramlist" cellspacing="1" cellpadding="0">
  <tbody>
    <tr>
        <td class="paramlist_key">&nbsp;</td>
        <td class="paramlist_value">
            <div id="cwin-wait" style="display:none;"></div>
            <input class="button validateSubmit" type="submit" id="btnSubmit" value="<?php echo JText::_('CC NEXT'); ?>" name="submit">
        </td>
    </tr>
</tbody>
</table>
<input type="hidden" name="task" value="register_save" />
<input type="hidden" name="id" value="0" />
<input type="hidden" name="gid" value="0" />
<input type="hidden" id="authenticate" name="authenticate" value="0" />
<input type="hidden" id="authkey" name="authkey" value="" />
</form>
<script type="text/javascript">  
  cvalidate.init();
  cvalidate.setSystemText('REM','<?php echo addslashes(JText::_("CC REQUIRED ENTRY MISSING")); ?>');

jQuery( '#jomsForm' ).submit( function(){
    jQuery('#btnSubmit').hide();
    jQuery('#cwin-wait').show();
    
    if(jQuery('#authenticate').val() != '1')
    {
        joms.registrations.authenticate();
        return false;
    }
});

</script>

alguém me dá uma luz!

rickayron · Maio 22, 2010

Bom pessoa, o titulo diz tudo. Eu tenho um sistema em joomla, integrado com JomSocial, um componente para ele.

Pra vocês entederem melhor acessem o site:

http://www.tecnicoquimico.com

O box de login do site fica certinho até que eu chamo a pagina de registro. Quando esta é chamada, bagunça o negocio todo.

OBS: O link de cadastro que ta no site é provisorio, o correto é este: http://www.tecnicoquimico.com/comunidade/cadastro.

Acessem este link para verem como fica depois de chamar a pagina de registro.

http://www.tecnicoquimico.com/comunidade/cadastro

Eu acredito que seja algum "style" que esteja fazendo isso. Segue anexo aqui o codigo da pagina de registro.

<?php
defined('_JEXEC') or die();
?>
<form action="<?php echo CRoute::getURI(); ?>" method="post" id="jomsForm" name="jomsForm" class="community-form-validate">
<div class="ctitle">
    <h2><?php echo JText::_( 'CC_REG_TITLE_USER_INFO' ); ?></h2>
</div>
<table class="ccontentTable paramlist" cellspacing="1" cellpadding="0">
    <tbody>
        <tr>
            <td class="paramlist_key">
                <label id="jsnamemsg" for="jsname" class="label">*<?php echo JText::_( 'CC NAME' ); ?></label>                                                
            </td>
            <td class="paramlist_value">
                <input type="text" name="jsname" id="jsname" size="40" value="<?php echo $data['html_field']['jsname']; ?>" class="inputbox required validate-name" maxlength="50" />
                <span id="errjsnamemsg" style="display:none;">&nbsp;</span>
            </td>
        </tr>
    
        <tr>
            <td class="paramlist_key">
                <label id="jsusernamemsg" for="jsusername" class="label">*<?php echo JText::_( 'CC USERNAME' ); ?></label>
            </td>
            <td class="paramlist_value">
                <input type="text" id="jsusername" name="jsusername" size="40" value="<?php echo $data['html_field']['jsusername']; ?>" 
                       class="inputbox required validate-username" 
                       maxlength="25" />
                <input type="hidden" name="usernamepass" id="usernamepass" value="N"/>                               
                <span id="errjsusernamemsg" style="display:none;">&nbsp;</span>
            </td>
        </tr>
        <tr>
            <td class="paramlist_key">
                <label id="jsemailmsg" for="jsemail" class="label">*<?php echo JText::_( 'CC EMAIL' ); ?></label>
            </td>
            <td class="paramlist_value">
                <input type="text" id="jsemail" name="jsemail" size="40" value="<?php echo $data['html_field']['jsemail']; ?>" class="inputbox required validate-email" maxlength="100" />
                <input type="hidden" name="emailpass" id="emailpass" value="N"/>
                <span id="errjsemailmsg" style="display:none;">&nbsp;</span>
            </td>
        </tr>
        <tr>
            <td class="paramlist_key">
                <label id="pwmsg" for="jspassword" class="label">*<?php echo JText::_( 'CC PASSWORD' ); ?></label>
            </td>
            <td class="paramlist_value">
                <input class="inputbox required validate-password" type="password" id="jspassword" name="jspassword" size="40" value="" />
                <span id="errjspasswordmsg" style="display:none;">&nbsp;</span>
            </td>
        </tr>
        <tr>
            <td class="paramlist_key">
                <label id="pw2msg" for="jspassword2" class="label">*<?php echo JText::_( 'CC VERIFY PASSWORD' ); ?></label>
            </td>
            <td class="paramlist_value">
                <input class="inputbox required validate-passverify" type="password" id="jspassword2" name="jspassword2" size="40" value="" />
                <span id="errjspassword2msg" style="display:none;">&nbsp;</span>
            </td>
        </tr>
        <tr>
            <td class="paramlist_key">&nbsp;</td>
            <td class="paramlist_value">                        
                <?php echo JText::_( 'CC_REG_REQUIRED_FILEDS' ); ?>
            </td>
        </tr>                
    </tbody>
</table>    
<?php
if( $config->get('enableterms') )
{
?>
<div class="ctitle">
<h2><?php echo JText::_( 'CC_REG_TITLE_TNC' ); ?></h2>
</div>

<table class="ccontentTable paramlist" cellspacing="1" cellpadding="0">
  <tbody>
    <tr>
        <td class="paramlist_key" id="tncmsg" for="tnc">
            <input type="checkbox" name="tnc" id="tnc" value="Y"
                   class="inputbox required"/>
        
        </td>
        <td class="paramlist_value">
            <?php echo JText::_('CC I HAVE READ').' <a href="java script:void(0);" onclick="joms.registrations.windowTitle=\'' . JText::_('CC TERMS AND CONDITION') . '\';joms.registrations.showTermsWindow();">'.JText::_('CC TERMS AND CONDITION').'</a>.';?>
        </td>
    </tr>
</tbody>
</table>            
<?php
}
?>
<?php 
if(!empty($recaptchaHTML))
{
?>
<table cellspacing="0" cellpadding="0">
  <tbody>
    <tr>
        <td class="paramlist_key">&nbsp;</td>
        <td>
            <?php echo $recaptchaHTML;?>
        </td>
    </tr>
</tbody>
</table>
<?php
}
?>

<table class="ccontentTable paramlist" cellspacing="1" cellpadding="0">
  <tbody>
    <tr>
        <td class="paramlist_key">&nbsp;</td>
        <td class="paramlist_value">
            <div id="cwin-wait" style="display:none;"></div>
            <input class="button validateSubmit" type="submit" id="btnSubmit" value="<?php echo JText::_('CC NEXT'); ?>" name="submit">
        </td>
    </tr>
</tbody>
</table>
<input type="hidden" name="task" value="register_save" />
<input type="hidden" name="id" value="0" />
<input type="hidden" name="gid" value="0" />
<input type="hidden" id="authenticate" name="authenticate" value="0" />
<input type="hidden" id="authkey" name="authkey" value="" />
</form>
&lt;script type="text/javascript">  
  cvalidate.init();
  cvalidate.setSystemText('REM','<?php echo addslashes(JText::_("CC REQUIRED ENTRY MISSING")); ?>');

jQuery( '#jomsForm' ).submit( function(){
    jQuery('#btnSubmit').hide();
    jQuery('#cwin-wait').show();
    
    if(jQuery('#authenticate').val() != '1')
    {
        joms.registrations.authenticate();
        return false;
    }
});

</script>

alguém me dá uma luz!

Comigo acontecia algo semelhando principalmento no chrome e no ie o motivo é que eu utiliza porcentagem no style então com a inclusão as dimensões mudam e da essa diferença.

Caso você utilize porcentagem no css para indicar tamanhos e posições troque-as por 5em ao invés de 5% até mais.

Entrar

Formulario desajusta ao dar include em uma pagina!

Pergunta

Portal do Químico

Link para o comentário

Compartilhar em outros sites

1 resposta a esta questão

Posts Recomendados

rickayron

Link para o comentário

Compartilhar em outros sites

Participe da discussão

Estatísticas dos Fóruns

Navegação

Atividades