0
私の/ publicディレクトリに/ cssと/ jsの下にいくつかのCSSファイルとJSファイルを追加しました。私のbootstrap.phpのファイルでは、私は以下の初期化子使用しています。私の見解ではZend_ViewのheadLink経由でCSSクラスを参照するには？
protected function _initPlaceholders() {
$view = new Zend_View($this->getOptions());
$view->headLink()->appendStylesheet('/css/themes/gray/style.css');
$view->headScript()->prependFile('/js/global.js');
return $view;
}
を次のように、私はCSSやスクリプトを参照しています：
<?php
echo "Employee Pay Stub Summary";
echo $this->headLink();
echo $this->headScript();
?>
私の見解でラッパーDIVで次のように私のCSSのテーマの
<div id="wrapper">
<?php if(count($this->PayStub)): ?>
<table>
<tr>
<th>Employee ID</th>
<th>PayStub ID</th>
<th>Earning Type</th>
<th>Total Hours</th>
<th>Hourly Rate</th>
<th>Total Earnings</th>
<th>Total Witholding</th>
<th>Start Date</th>
<th>End Date</th>
</tr>
<?php foreach ($this->PayStub as $key => $values):?>
<tr>
<td><?php echo $values['EmployeeID'];?></td>
<td><?php echo $values['PayStubID']; ?></td>
<td><?php echo $values['EarningType']; ?></td>
<td><?php echo $values['TotalHours']; ?></td>
<td><?php echo $values['HourlyRate']; ?></td>
<td><?php echo $values['TotalEarnings'];?></td>
<td><?php echo $values['TotalWitholding']; ?></td>
<td><?php echo $values['StartDate']; ?></td>
<td><?php echo $values['EndDate']; ?></td>
</tr>
<?php endforeach;?>
</table>
<a href="/index">Logout</a>
<?php else: ?>
<p>There are no Paystubs available</p>
<?php endif; ?>
</div>
一部は次のとおりです。
#wrapper > header {
background-color: #ABCEEE;
background-image: url(../../svg1910.svg?from=%23ABCEEE&to=%238AA8CA);
background-image: -o-linear-gradient(top, #ABCEEE, #8AA8CA);
background-image: -ms-linear-gradient(top, #ABCEEE, #8AA8CA);
background-image: -moz-linear-gradient(top, #ABCEEE, #8AA8CA);
background-image: -webkit-gradient(linear, left top, left bottom, from(#ABCEEE), to(#8AA8CA));
background-image: -webkit-linear-gradient(top, #ABCEEE, #8AA8CA);
background-image: linear-gradient(top, #ABCEEE, #8AA8CA);
-pie-background: linear-gradient(top, #ABCEEE, #8AA8CA);
}
#main-navigation > li.active {
background-color: #abceee;
background-image: -o-linear-gradient(#ABC, rgba(234, 238, 243, 0.2) 10%, #ABCEEE), -o-
linear-gradient(left, #ABC, #ABCEEE 3%, #ABCEEE 97%, #ABC);
background-image: -ms-linear-gradient(#ABC, rgba(234, 238, 243, 0.2) 10%, #ABCEEE), -ms-
linear-gradient(left, #ABC, #ABCEEE 3%, #ABCEEE 97%, #ABC);
background-image: -moz-linear-gradient(#ABC, rgba(234, 238, 243, 0.2) 10%, #ABCEEE), -moz- linear-gradient(left, #ABC, #ABCEEE 3%, #ABCEEE 97%, #ABC);
background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #ABC),
color-stop(10%, rgba(234, 238, 243, 0.2)), color-stop(100%, #ABCEEE)), -webkit-gradient(linear,
left
center, right center, color-stop(0%, #ABC), color-stop(3%, #ABCEEE), color-stop(97%, #ABCEEE),
color-stop(100%, #ABC));
background-image: -webkit-linear-gradient(#ABC, rgba(234, 238, 243, 0.2) 10%, #ABCEEE), -
webkit-linear-gradient(left, #ABC, #ABCEEE 3%, #ABCEEE 97%, #ABC);
background-image: linear-gradient(#ABC, rgba(234, 238, 243, 0.2) 10%, #ABCEEE), linear-
gradient(left, #ABC, #ABCEEE 3%, #ABCEEE 97%, #ABC);
}
/**
* Contents
*/
#wrapper > section > section > header h1,
#wrapper > section > section > .viewport > header h1{
color: #567;
line-height: 30px;
margin: 0;
text-shadow: #FFF 0 1px 2px;
}
は、Firefoxのソースの表示出力です：
Employee Pay Stub Summary
<div id="wrapper">
<table>
<tr>
<th>Employee ID</th>
<th>PayStub ID</th>
<th>Earning Type</th>
<th>Total Hours</th>
<th>Hourly Rate</th>
<th>Total Earnings</th>
<th>Total Witholding</th>
<th>Start Date</th>
<th>End Date</th>
</tr>
<tr>
<td>1</td>
<td>1</td>
<td>0</td>
<td>40</td>
<td>25</td>
<td>1000</td>
<td>100</td>
<td>07/01/2011</td>
<td>07/14/2011</td>
</tr>
<tr>
<td>1</td>
<td>5</td>
<td>1</td>
<td>80</td>
<td>40</td>
<td>3200</td>
<td>320</td>
<td>07/15/2011</td>
<td>07/31/2011</td>
</tr>
</table>
<a href="/index">Logout</a>
</div>
私はZFに新たなんだので、私は私が私の見解では、ヘッダーとラッパークラスを参照する方法がわからないんですか？同様に、そのディレクトリ内のファイルの1つからJS関数を呼び出すにはどうすればよいですか？上記の#wrapper CSSスニペットが私のビューのDIVによって正しく参照されるようにするにはどうすればよいですか？
ありがとうございます！
ビュー内でヘッダーとラッパークラスを参照するとどういう意味ですか？これらのファイルの1つからjs関数を呼び出すには、ビューのどこにでもスクリプトタグを置き、関数を通常のように呼び出します。通常は、レイアウトにheadLinkとheadScriptをエコーしたいのですが、これは通常
タグのところにあるからです。 – drew010htmlで何かを使用したい