Question

我正在尝试将Google spreadhseets CSV的前两个条目加载到两个单独的div中。

我需要这样做，以便我的动态更新库中的精选视频在页面加载时已经出现在其中的第一行CSV，在我的javascript点击功能加载我的PHP数组中的其他视频之前。

这是我的HTML / PHP：

<div class="gallery">
            <div class="feature"><div>First entry on CSV line 1</div><div>Second entry on CSV line 1</div></div>
            <div class="thumbs">
            <?php
                    $f = fopen("https://docs.google.com/spreadsheets/d/+MyKey+/pub?output=csv", "r");

                    while (!feof($f)) { 

                       $arrM = explode(",",fgets($f)); 

                       echo "<a href=\"#\" title=\"{$arrM[0]}\" rel=\"{$arrM[1]}\" class=\"galImg\"><div class=\"comThumbDiv\"><img src=\"{$arrM[2]}\" class=\"thumb\" border=\"0\"/></div></a><br>"; 

                    }

                    fclose($f);
             ?>
             </div>
        </div>

这是我的Javascript：

$(document).ready(function() {
        $(".galImg").click(function() {
            var image = $(this).attr("rel");
            var title = $(this).attr("title");
            $('.feature').html('<div style="background-color:rgba(0,0,0,1);"><iframe width="890" height="500" src="' + image + '"frameborder="0" allowfullscreen></iframe></div><div class="vidTitle"><br>' + title + '</div>');
        });
    });

我有什么想法可以做到这一点？

Answer 1

您发布的代码是正确的，并且正常运行。你在寻找更好的解决方案？你能指出更多问题吗？

从CSV解析第一行并将其拆分为2个DIV

1 个答案: