Как отобразить теги стиля и скрипта, используя php

Question

Как отобразить теги стиля и скрипта, используя php

0

Привет, у меня есть страница php, которая выводит результаты на моей странице html с помощью div через среду запроса ajax,

Я намерен превзойти эти результаты, используя listviews, поскольку мое приложение предназначено для мобильных телефонов и планшетов, поэтому я использую jQuery mobile framework.

Я успешно выполнил свои результаты с этим

   <?php header('Access-Control-Allow-Origin: *'); ?>
<?php

$users = ($_GET['users']);
$user = ($_GET['user']);



$con = mysqli_connect('localhost','whitech3_manage','famakin','whitech3_manage');
if (!$con) {
  die('Could not connect: ' . mysqli_error($con));
}


mysqli_select_db($con,"whitech3_manage");
$sql="SELECT * FROM data WHERE fromwhere = '".$users."' and towhere = '".$user."'";
$result = mysqli_query($con,$sql);
echo '<head>';
echo "<link rel='stylesheet' href='themes/transport.min.css' />";
echo "<link rel='stylesheet' href='themes/jquery.mobile.icons.min.css' />";
echo "<link rel='stylesheet' href='themes/jquery.mobile.structure-1.4.2.min.css' />";
echo "<script src='themes/jquery-1.10.2.min.js'></script>";
echo "<script src='themes/jquery.mobile-1.4.2.min.js'></script>";

echo '</head>';




while($row = mysqli_fetch_array($result)) {
echo "<div data-role='collapsible' data-theme='b' data-content-theme='b'>";

    echo "<ul data-role='listview' data-filter='true'>";
       echo "<li><a href='#'>". $row['fromwhere'] . "</a></li>";
          echo "<li><a href='#'>". $row['towhere'] . "</a></li>";
             echo "<li><a href='#'>". $row['details'] . "</a></li>";
     echo "<li><a href='#'>". $row['time frame'] . "</a></li>";


 echo "</ul>";
echo "</div>";
}

mysqli_close($con);
?>

но всякий раз, когда отображаются мои результаты, они не отформатированы должным образом, чтобы выглядеть как listview, поэтому я должен загрузить мои таблицы стилей и теги javascript, чтобы убедиться, что список отображается правильно.

я пробовал и пытался отозвать ссылки на мои таблицы стилей и js, используя эхо-инструкции, но он, похоже, делает мой список видимым.

это то, что я пробовал

echo '<head>';
echo "<link rel='stylesheet' href='themes/transport.min.css' />";
echo "<link rel='stylesheet' href='themes/jquery.mobile.icons.min.css' />";
echo "<link rel='stylesheet' href='themes/jquery.mobile.structure-1.4.2.min.css' />";
echo "<script src='themes/jquery-1.10.2.min.js'></script>";
echo "<script src='themes/jquery.mobile-1.4.2.min.js'></script>";

echo '</head>';

function showUser() {
    if (showUser == "") {
        document.getElementById("txtHint").innerHTML = "";

        return;
    } else { 
        if (window.XMLHttpRequest) {
            // code for IE7+, Firefox, Chrome, Opera, Safari
            xmlhttp = new XMLHttpRequest();
        } else {
            // code for IE6, IE5
            xmlhttp = new ActiveXObject("Microsoft.XMLHTTP");
        }
        xmlhttp.onreadystatechange = function() {
            if (xmlhttp.readyState == 4 && xmlhttp.status == 200) {
                document.getElementById("txtHint").innerHTML = xmlhttp.responseText;
            }
        }
        var usersvalue=encodeURIComponent(document.getElementById("users").value)
var uservalue=encodeURIComponent(document.getElementById("user").value)
        xmlhttp.open("GET","http://whitechapelandpartners.com/getuserwrong.php?users="+usersvalue+"&user="+uservalue, true);


        xmlhttp.send();

    }
}

<div id="txtHint"><b>Person info will be listed here.</b></div><br /><br /><br /><br />
    </div>

любое предложение, пожалуйста, по логике, я надеялся, что выражение эха будет работать

tolu odumbo 08 дек. 2014, в 16:54

Источник

0

Используйте абсолютный путь для вашего css / javascript, если вы не уверены, как использовать относительные ссылки. И где вы загружаете этот раздел <head></head> ?
vaso123 08 дек. 2014, в 15:10
0

Я предлагаю вам проверить выводимый HTML-код в вашем браузере, это, скорее всего, проблема с самим загруженным CSS (или 404).
John Weisz 08 дек. 2014, в 15:10
2

Рассматривали ли вы heredoc или просто заканчивали свое время с помощью ?> html был простым html?
mplungjan 08 дек. 2014, в 15:12
0

В этом div нужно обновить jquery, поэтому вам нужно добавить что-то вроде этого: echo '<script> $. mobile.collapsibleset.prototype.options.initSelector = ".mycollapsibleset"; $ .mobile.collapsibleset.prototype.options.iconpos = "right"; </ Скрипт> ';
Mimouni 08 дек. 2014, в 15:12
0

добавьте его туда, где пожалуйста @mimouni
tolu odumbo 08 дек. 2014, в 15:16
0

Ваша ошибка не в этом php-коде, но когда вы получите ответ от ajax, пожалуйста, обновите ваш пост, добавив часть страницы загрузки в ваш javascript.
Mimouni 08 дек. 2014, в 15:16
0

Хорошо, я буду обновлять его NW
tolu odumbo 08 дек. 2014, в 15:17
0

я обновил свой вопрос
tolu odumbo 08 дек. 2014, в 15:20
0

вот часть вашей большой проблемы: xmlhttp.onreadystatechange = function () {if (xmlhttp.readyState == 4 && xmlhttp.status == 200) {document.getElementById ("txtHint"). innerHTML = xmlhttp.responseText; // после этой строки нам нужно добавить код для обновления jquery. }} // Я постараюсь добавить ответ сейчас.
Mimouni 08 дек. 2014, в 15:21
0

так что тогда я добавлю фрагмент кода, который вы мне дали в первом случае, можете ли вы быть любезным, чтобы отредактировать мой фрагмент, и перепостить его с нужными вещами @mimouni
tolu odumbo 08 дек. 2014, в 15:23

Показать ещё 8 комментариев

Теги:

php

javascript

2 ответа

Ещё вопросы

Используйте абсолютный путь для вашего css / javascript, если вы не уверены, как использовать относительные ссылки. И где вы загружаете этот раздел <head></head> ?
Я предлагаю вам проверить выводимый HTML-код в вашем браузере, это, скорее всего, проблема с самим загруженным CSS (или 404).
Рассматривали ли вы heredoc или просто заканчивали свое время с помощью ?> html был простым html?
В этом div нужно обновить jquery, поэтому вам нужно добавить что-то вроде этого: echo '<script> $. mobile.collapsibleset.prototype.options.initSelector = ".mycollapsibleset"; $ .mobile.collapsibleset.prototype.options.iconpos = "right"; </ Скрипт> ';
добавьте его туда, где пожалуйста @mimouni
Ваша ошибка не в этом php-коде, но когда вы получите ответ от ajax, пожалуйста, обновите ваш пост, добавив часть страницы загрузки в ваш javascript.
вот часть вашей большой проблемы: xmlhttp.onreadystatechange = function () {if (xmlhttp.readyState == 4 && xmlhttp.status == 200) {document.getElementById ("txtHint"). innerHTML = xmlhttp.responseText; // после этой строки нам нужно добавить код для обновления jquery. }} // Я постараюсь добавить ответ сейчас.
так что тогда я добавлю фрагмент кода, который вы мне дали в первом случае, можете ли вы быть любезным, чтобы отредактировать мой фрагмент, и перепостить его с нужными вещами @mimouni

mplungjan · Answer 1 · 2014-12-08T14-20-00.000Z

Вот мое предложение

<?php header('Access-Control-Allow-Origin: *'); ?>
<!DOCTYPE html>
<html>
<head>
<link rel='stylesheet' href='themes/transport.min.css' />
<link rel='stylesheet' href='themes/jquery.mobile.icons.min.css' />
<link rel='stylesheet' href='themes/jquery.mobile.structure-1.4.2.min.css' />
<script type="text/javascript" src='themes/jquery-1.10.2.min.js'></script>
<script type="text/javascript" src='themes/jquery.mobile-1.4.2.min.js'></script>
<script type="text/javascript">

function showUser(user) { // how do you call this? You need to pass it a user too
    if (user == "") {
        $("#txtHint").empty();
        return;
    } 
    var usersvalue=encodeURIComponent($"#users").val()),
        uservalue=encodeURIComponent($("#user").val());
    // assuming you are accessing the same origin
    $.get("/getuserwrong.php?users="+usersvalue+"&user="+uservalue,
      function(data) {
        $("#txtHint").html(data);
      }
    ); 
}

</script>
</head>
<body>
<?php
$users = ($_GET['users']);
$user = ($_GET['user']);
// I think you do not want to show your userID and password here on this site
$con = mysqli_connect('localhost','...','...','...'); 
if (!$con) {
  die('Could not connect: ' . mysqli_error($con));
}
mysqli_select_db($con,"whitech3_manage");
$sql="SELECT * FROM data WHERE fromwhere = '".$users."' and towhere = '".$user."'";
$result = mysqli_query($con,$sql);
while($row = mysqli_fetch_array($result)) {  
  echo <<<EOT 
    <div data-role='collapsible' data-theme='b' data-content-theme='b'>
      <ul data-role='listview' data-filter='true'>
        <li><a href='#'>$row['fromwhere']</a></li>
        <li><a href='#'>$row['towhere']</a></li>
        <li><a href='#'>$row['details']</a></li>
        <li><a href='#'>$row['time frame']</a></li>
      </ul>
   </div>
EOT;   
}
mysqli_close($con);
?>

<div id="txtHint"><b>Person info will be listed here.</b></div>
</body>
</html>

хорошо, позвольте мне попробовать это
Обратите внимание, что вам необходимо получить доступ к тому же источнику или использовать CORS - также я не вижу вызова showUser и параметра, отправленного ему
Моя единственная проблема с этим заключается в том, что html-файл должен делать запрос ajax, потому что мое намерение - использовать его в мобильном приложении с помощью phonegap. так что PHP в моем HTML не будет работать
Тогда вы путаете нас с PHP, который у вас есть сейчас.

Mimouni · Answer 2 · 2014-12-08T13-44-00.000Z

попробуй это:

function showUser() {
    if (showUser == "") {
        document.getElementById("txtHint").innerHTML = "";

        return;
    } else { 
        if (window.XMLHttpRequest) {
            // code for IE7+, Firefox, Chrome, Opera, Safari
            xmlhttp = new XMLHttpRequest();
        } else {
            // code for IE6, IE5
            xmlhttp = new ActiveXObject("Microsoft.XMLHTTP");
        }
        xmlhttp.onreadystatechange = function() {
            if (xmlhttp.readyState == 4 && xmlhttp.status == 200) {
                var collapsible = xmlhttp.responseText;
                document.getElementById("txtHint").innerHTML = $(collapsible).collapsible();

            }
        }
        var usersvalue=encodeURIComponent(document.getElementById("users").value)
var uservalue=encodeURIComponent(document.getElementById("user").value)
        xmlhttp.open("GET","http://whitechapelandpartners.com/getuserwrong.php?users="+usersvalue+"&user="+uservalue, true);


        xmlhttp.send();

    }
}

<div id="txtHint"><b>Person info will be listed here.</b></div><br /><br /><br /><br />
    </div>

Надеюсь, это сработает. : D

Нет, это не сработало, обратите внимание, что я не отображал мои теги на этой html-странице, это было отражено в моем php-файле, я буду обновлять свой вопрос дальше
часть echo не нужна, удалите ее полностью из php. echo '<head>'; echo "<link rel = 'stylesheet' href = 'themes / transport.min.css' />"; echo "<link rel = 'stylesheet' href = ....
добавьте это: print_r ($ result); до того как ($ row = mysqli_fetch_array ($ result)); Мне нужен действительный пользователь, чтобы получить результаты. можешь дать мне один.
Мне нужен действительный пользователь, чтобы получить результаты. и делать тест формы этой страницы ссылки. можешь дать мне один.
взгляните на это: demos.jquerymobile.com/1.3.2/examples/collapsibles/…