javascript - 我有一个 php 文件,在里面的代码中有一个错误,我不知道如何修复它?以及在哪里添加其余代码

标签 javascript php css html

代码是:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" lang="en" xml:lang="en">

<head>    
  <meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>    
  <meta http-equiv="Content-Language" content="en"/>    
  <meta name="viewport" content="width=device-width; height=device-height; initial-scale=1.0"/>   

  <link type="text/css" rel="stylesheet" href="screen.css" media="screen,projection,tv"/>    
  <title>change picture</title>    
</head>

<body>

  <div id="slideCounter"></div>
  <div id="slideShow">
  <?php

  $allowed_types = ['png','jpg','jpeg','gif'];
  $imageDir = 'files/radar-simulation-files';
  /*
    Assumes this .php is being run from the http root on the same
    domain as the desired image files.
  */

  $handle = opendir($imageDir);
  while (($imgPath = readdir($handle)) !== false) if (
    in_array(
        strtolower(pathinfo($imgPath, PATHINFO_EXTENSION)),
        $allowed_types
    ) echo '
    <img src="', $imageDir, '/', $imagePath, '" alt="slide" />';
  closedir($handle);

  ?>
  <!-- #slideShow --></div>

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

错误在线:

) echo '

) 后出现意外回显

那么,我应该在哪里添加其余的代码呢?我有一个 javascript 函数和一个 css 代码。我应该将它们添加到同一个 php 文件中吗?如果有,在哪里?在html代码之后?里面的html代码?

这是java脚本代码:

(function(d) {

    // user defines

    var
        swapHours = 0,
        swapMinutes = 0,
        swapSeconds = 5,
        swapTotal = (swapHours * 60 + swapMinutes) * 60 + swapSeconds,
        loopSlideShow = true;

    // some handy helper functions

    function classExists(e, className) {
        return RegExp('(\\s|^)' + className + '(\\s|$)').test(e.className);
    }

    function classAdd(e, className) {
        if (classExists(e, className) return false;
        e.className += (e.className ? ' ' : '') + className;
        return true;
    }

    function classRemove(e, className) {
        if (!classExists(e, className)) return false;
        e.className = e.className.replace(
            new RegExp('(\\s|^)' + n + '(\\s|$)'), ' '
        ) . replace(/^\s+|\s+$/g,'');
        return true;
    }

    function textReplace(e, newtext) {
        if (d.innerText) e.innerText = newText;
            else e.textContent = newText;
    }

    function nodeFirst(e) {
        e = e.firstChild;
        while (e && e.nodeType != 1) e = e.nextSibling;
        return e;
    }

    function nodeLast(e) {
        e = e.lastChild;
        while (e && e.nodeType != 1) e = e.prevSibling;
        return e;
    }

    function nodeNext(e) {
        while (e) if ((e = e.nextSibling).nodeType == 1) return e;
        return null;
    }

    function nodePrev(e) {
        while (e) if ((e = e.prevSibling).nodeType == 1) return e;
        return null;
    }

    // slideShow setup

    var
        slideShow = d.getElementById('slideShow'),
        slideCounter = d.getElementById('slideCounter'),
        firstSlide = nodeFirst(slideShow),
        lastSlide = nodeLast(slideShow),
        currentSlide = firstSlide,
        swapCounter;

    classAdd(slideShow, 'ss_scripted');
    classAdd(currentSlide, 'ss_show');

    // slideShow functions

    function showCounter() {
        textReplace(slideCounter, 
            Math.floor(swapCounter / 3600) + ':' +
            (Math.floor(swapCounter / 60) % 60) + ':' +
            swapCounter % 60
        );
    }

    function resetCounter() {
        swapCounter = swapTotal;
        showCounter();
    }

    function makeSlide(newSlide) {
        classRemove(currentSlide, 'ss_show);
        currentSlide = newSlide;
        classAdd(currentSlide, 'ss_show');
    }

    function nextSlide() { 
        resetCounter();
        var newSlide = nodeNext(currentSlide);
        if (newSlide) makeSlide(newSlide);
            else if (loopSlideShow) makeSlide(firstSlide);
    }

    function prevSlide() {
        resetCounter();
        var newSlide = nodePrev(currentSlide);
        if (newSlide) makeSlide(newSlide);
            else if (loopSlideShow) makeSlide(lastSlide);
    }

    function slideUpdate() {
        if (swapCounter--) showCounter(); else nextSlide();
    }

    function startSlideShow() {
        resetCounter();
        setInterval(slideUpdate, 1000);
    }

    // wait for onload to actually start the countdown 

    if (window.eventListener) w.addEventListener('load', startSlideShow, false);
        else w.addEventListener('onload', startSlideShow);

})(document);

这是CSS代码:

.ss_scripted img { display:none; }
.ss_scripted .ss_show { display:block; }

最佳答案

问题是你少了一个")"

尝试

while (($imgPath = readdir($handle)) !== false) if (
    in_array(
        strtolower(pathinfo($imgPath, PATHINFO_EXTENSION)),
        $allowed_types
    )) echo '
    <img src="', $imageDir, '/', $imagePath, '" alt="slide" />';
closedir($handle);

)) echo ' 第一个来自 in_array() 第二个来自 if()

希望对您有所帮助! :D

关于javascript - 我有一个 php 文件,在里面的代码中有一个错误,我不知道如何修复它?以及在哪里添加其余代码,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/26718035/

相关文章:

javascript - 如何检查 jQuery UI 插件是否附加到元素?

php - php 中 MySQL 列中的多个条目

javascript - 如何正确地将 CSS 文件包含到页面中

javascript - 添加数组中的所有值 JavaScript/jquery

javascript - 多次调用 jQuery 插件时 SetInterval 发生冲突

php - 在 Zend Framework 2 模型中访问 MySQL 数据库的最简单方法

php - 检索数组而不是键 :val (laravel/eloquent)

html - 始终将页脚动态放置在底部

html - 如何使用 flex 在响应式布局中调整图像大小

javascript - setTimeout 中的 setInterval 仅在 angularjs Controller 中触发一次