Javascript Ролловер в Wordpress - PullRequest
0 голосов
/ 11 октября 2011

Я хотел бы спросить о кнопке с пролонгированным Javascript, которая есть в моей теме WordPress, проблема в том, что код разделен на две части:

1-й код о Javascript

<script>
<!--
if(document.images)
{
  var image_array = new Array();

  // path to the directory with images
  var path = '/img/';

  // enumeration of the "active" images
  image_array[0] = "<?php bloginfo('template_directory'); ?>/button1_red.png";
  image_array[1] = "<?php bloginfo('template_directory'); ?>/button2_red.png";
  image_array[2] = "<?php bloginfo('template_directory'); ?>/button3_red.png";

  var preload_image = new Array ();

 for(var i=0; i<image_array.length; i++)
  {
    preload_image[i]= new Image();
    preload_image[i].src = image_array[i];
  }
}

function rollover(name, filename)
{
    var fullpath = '' + filename;
    document.images[name].src = fullpath;
}
//-->
</script>

<!--ROLL OVER SCRIPT-->

и 2-й является HTML.

        <div id="buttons">

            <a href="http://www.facebook.com/pages/Ben-Daggers/209582909053404" target="_blank" onmouseover=rollover('button1','<?php bloginfo('template_directory'); ?>/button1_red.png'); onmouseout=rollover('button1','<?php bloginfo('template_directory'); ?>/button1_blue.png')><img src="<?php bloginfo('template_directory'); ?>/button1_blue.png" name="button1" width="35" height="35" border="0" title="Like us on Facebook!" alt="BenDaggers.com: Like us on Facebook!"></a>
            <a href="http://twitter.com/bendaggers" target="_blank" onmouseover=rollover('button2','<?php bloginfo('template_directory'); ?>/button2_red.png'); onmouseout=rollover('button2','<?php bloginfo('template_directory'); ?>/button2_blue.PNG')><img src="<?php bloginfo('template_directory'); ?>/button2_blue.PNG" name="button2" width="35" height="35" border="0" title="Follow us on Twitter!" alt="BenDaggers.com: Follow us on Twitter!"/></a>
            <a href="http://feeds.feedburner.com/bendaggers" target="_blank" onmouseover=rollover('button3','<?php bloginfo('template_directory'); ?>/button3_red.png'); onmouseout=rollover('button3','<?php bloginfo('template_directory'); ?>/button3_blue.PNG')><img src="<?php bloginfo('template_directory'); ?>/button3_blue.PNG" name="button3" width="35" height="35" border="0" title="Subscribe to our RSS Feeds!" alt="BenDaggers.com: Subscribe to our RSS Feeds!" /></a>

</div>

Куда мне поместить код JavaScript, поскольку кнопка должна быть на боковой панели (sidebar.php)?

Я пытался поместить javascript в index.php и html-код в sidebar.php, но он не работает.

Любая помощь?

Ответы [ 2 ]

1 голос
/ 11 октября 2011

Поместите HTML в sidebar.php и javascript в header.php (при условии, что ваша тема имеет файл header.php) внутри тега <head>.

0 голосов
/ 11 октября 2011

Поскольку ваша HTML-часть зависит от Javascript-части, Javascript-часть должна идти первой на странице.Самый простой способ убедиться в этом, не зная много о структуре Wordpress, - просто включить оба фрагмента в одном месте, скажем sidebar.php, один за другим.

Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.
...