Я разместил оверлей Jquery Tools на своем сайте, чтобы показать информацию о проектах в нескольких оверлеях. Это работает довольно хорошо, но я пытался «автоматизировать» код, чтобы читать новые проекты и загружать их в оверлеи. То, что происходит, выглядит нормально, но независимо от того, какой проект я нажимаю, оверлеи всегда загружают содержимое первого проекта...
Я много гуглил и копировал, чтобы зайти так далеко, я (пока) не очень программист, надеюсь, код вас не пугает, ребята.. ;-)
В любом случае, вот ссылка: http://www.wgwd.nl/test
Если вы нажмете «Проекты», откроется обычный div, который загрузит все найденные проекты (пока два). Когда вы нажимаете один, он открывает этот контент в 3 наложениях. Как уже говорилось, к сожалению, он всегда загружает один и тот же контент независимо от того, какой проект вы нажимаете.
Я попытался присвоить JScript уникальное имя функции (сгенерированное с помощью php из имени файла проекта), но это, похоже, не работает.
Любые идеи? вот мой код:
<?
//reads projectfolder and distills
//a basename out of the project description.txt
$textfiles = glob('content/projects/*.txt', GLOB_BRACE);
foreach ($textfiles as $textfile) { ?>
<div id="details"> <?
$pad = pathinfo ($textfile);
$base_name = basename($textfile,'.'.$pad['extension']);
// the link that opens the overlays. Don't think the "id" tag is nescessary
echo '<a id="'.$base_name.'" href="#" onclick="'.$base_name.'()"><img src="'.$base_name.'/main.jpg"/></a>' ?>
<!-- defines overlay, hidden by default -->
<div id="dragwindow1" class="overlay ol1">
<a class="close"></a>
<?
include ('content/projects/'.$base_name.'/content.txt');
?>
</div>
</div>
<?
// the description of each project
include ($textfile);
?>
<script>
// within the foreach open all overlays with function name $base_name
var <?=$base_name?> = function () {
$("a[rel]").each(function() {
$(this).overlay().load();
});
}
</script>
<hr />
<? } //end foreach ?>
</div>
<!-- somehow, without defining these links, the whole 'open all overlay' thing doesn't work -->
<a rel="div.overlay:eq(0)" type="button" style="display: none">first</an>
<a rel="div.overlay:eq(1)" type="button" style="display: none">second</a>
<a rel="div.overlay:eq(2)" type="button" style="display: none">third</a>
<script type="text/javascript">
$(function projects() {
// positions for each overlay
var positions = [
[120, '15%'], //uppper left, #1
[70, '60%'], // lower left, #2
['60%', '40%'], // lower right, #3
];
// setup triggers
$("a[rel]").each(function(i) {
$(this).overlay({
// common configuration for each overlay
oneInstance: false,
// setup custom finish position
top: positions[i][0],
left: positions[i][1],
});
});
});
</script>
Спасибо заранее!
РЕДАКТИРОВАТЬ: я отредактировал код, чтобы опустить все, что не связано. Вопрос остается: Javascript возвращает только содержимое первого вызова в цикле foreach. Есть ли способ создать несколько экземпляров javascript для каждого цикла в PHP?