Высота столбца на класс с JavaScript и PHP - PullRequest
Новая
       31

Высота столбца на класс с JavaScript и PHP

0 голосов
/ 20 июля 2011

У меня есть следующий код в моем скрипте, чтобы установить максимальную высоту для каждого столбца. Тем не менее, я намерен установить максимальную высоту отдельно для всех 4 столбцов в строке . В настоящее время он не будет выполнять функцию для каждого класса.

Вот код JavaScript: 

<script type="text/javascript" >
$(document).ready(function() {

<?php
$test = $cart->count_contents();
for ($i=0, $n=$test; $i<$n; $i++) {
?>
setHeight('.<?php echo 'col'.$i; ?>');
<?php
  }
?>

});


 //Initialize the global variable, this will store the highest height value
var maxHeight = 0;


function setHeight(col) {



//Get all the element with class = col
col = $(col);

//Loop all the col
col.each(function() {

//Store the highest value
if($(this).height() > maxHeight) {
maxHeight = $(this).height();;
}
});

//Set the height
col.height(maxHeight);
}
</script>

Я извлекаю каждую строку из базы данных MySQL с помощью PHP и генерирую следующий HTML-код: 

<div class="ui-grid-c ui-bar ui-bar-e">
<div class="ui-block-a"><div class="ui-bar ui-bar-b" style="height: 20px;">Remove</div></div>

<div class="ui-block-b"><div class="ui-bar ui-bar-b" style="height: 20px;">Product(s)</div></div>
<div class="ui-block-c"><div class="ui-bar ui-bar-b" style="height: 20px;">Qty.</div></div>
<div class="ui-block-d"><div class="ui-bar ui-bar-b" style="height: 20px;">Total</div></div>

<div class="ui-block-a"><div class="ui-bar ui-bar-c col0"><input type="checkbox" name="somename1" value="somevalue1"></div></div>



<div class="ui-block-b"><div class="ui-bar ui-bar-c col0"><a href="#"><img src="images/someimage1.gif" border="0" alt="sometitle1" title="sometitle1" width="100" height="80"></a>
<a href="#"><b>sometitle1</b></a><br><small><i - >somecontent</i></small><br><small><i> - somecontent</i></small><br><small><i> - somecontent</i></small></div></div>

<div class="ui-block-c"><div class="ui-bar ui-bar-c col0"><input type="text" name="somename1" value="1" size="4"></div></div>
<div class="ui-block-d"><div class="ui-bar ui-bar-c col0"><b>sometext1</b></div></div>


<div class="ui-block-a"><div class="ui-bar ui-bar-c col1"><input type="checkbox" name="somename2" value="somevalue2"></div></div>



<div class="ui-block-b"><div class="ui-bar ui-bar-c col1"><a href="#"><img src="images/someimage2.gif" border="0" alt="sometitle2" title="sometitle2" width="100" height="80"></a><a href="#"><b>sometitle2</b></a></div></div>
<div class="ui-block-c"><div class="ui-bar ui-bar-c col1"><input type="text" name="somename2" value="1" size="4"></div></div>
<div class="ui-block-d"><div class="ui-bar ui-bar-c col1"><b>sometext1</b></div></div>


</div><!-- /grid-a -->

Ответы [ 2 ]

0 голосов
/ 12 января 2012

Мне просто нужно изменить: 

 //Initialize the global variable, this will store the highest height value
var maxHeight = 0;


function setHeight(col) {
// etc etc etc

на: 

function setHeight(col) {
 var maxHeight = 0;
 //etc etc etc
0 голосов
/ 21 июля 2011

Вопрос не к месту, чтобы ответить самому, я скопирую ваше решение

Вам просто нужно изменить: 

 //Initialize the global variable, this will store the highest height value
var maxHeight = 0;


function setHeight(col) {
// etc etc etc

до: 

function setHeight(col) {
 var maxHeight = 0;
 //etc etc etc
...