Форум Сайтостроение Веб-строительство

Joomla и jQuery

Pasha199
На сайте с 17.02.2009
Offline
167
Pasha199
1058

Joomla 1.5 и jQuery

Подключил jQuery к Joomle

Код index.php шаблона Joomla 

<head>



<script type="text/javascript" src="<?php echo $this->baseurl ?>/js/jquery.js"></script>

	<?php 

		$gantry->displayHead();

		$gantry->addStyles(array('template.css','joomla.css','typography.css'));

	?>

</head>

Есть скрипт на jQuery (форма обратной связи)

Вот код написал его в созданную страницу контакты 

    <title></title>

    <style type="text/css">

        body

        {

            font-family: Arial, Sans-Serif;

            font-size: 13px;

        }

	#inputArea

	{

	    font-family: Arial, Sans-Serif;

	    font-size: 13px;

	    background-color: #d6e5f4;

	    padding: 10px;

	    width:310px;

	}

	#inputArea input, #inputArea textarea

	{

	    font-family: Arial, Sans-Serif;

	    font-size: 13px;

	    margin-bottom: 5px;

	    display: block;

	    padding: 4px;

	    width: 300px;

	}



        .activeField

        {

            background-image: none;

            background-color: #ffffff;

            border: solid 1px #33677F;

        }

        .idle

        {

	    border: solid 1px #85b1de;

	    background-image: url( 'gray_bg.png' );

	    background-repeat: repeat-x;

	    background-position: top;

		background-color:#FFFFFF;

        }

    </style>

    <script src="jquery.js" type="text/javascript"></script>

    <script type="text/javascript">

        $(document).ready(function(){

	    $("input, textarea").addClass("idle");

            $("input, textarea").focus(function(){

                $(this).addClass("activeField").removeClass("idle");

	    }).blur(function(){

                $(this).removeClass("activeField").addClass("idle");

	    });

        });

    </script>



</head>

<body>



    <div id="inputArea">

       <form method="post" action="#">

       

       <label>Имя:</label><input type="text" />

        

        <label>E-mail:</label><input  type="text" />

        

        <label>Веб-сайт:</label><input type="text" />

        

        <label>Текст комментария:</label><textarea rows="4" cols="30"></textarea>

        

          <input type="submit" value="Отправить"></form>



        </div>

Вот что получается

а должна быть форма такая

в чем может быть проблема?

Pasha199 добавил 08.02.2011 в 17:52

Поможет кто нибудь?

Pasha199 добавил 09.02.2011 в 14:13

Народ помогите кто нибудь плиз

Авторизуйтесь или зарегистрируйтесь, чтобы оставить комментарий