сделать изменяемую страничку

Mike-Eci · November 27, 2008

Здравствуйте уважаемые форумчане )

я даже не знал как вопрос поставить что бы поискать..

в опере как то давно понравилась менюшка пустой странички.. там где 3х3 квадратика, заменяемые при клике на картинку с нужной ссылкой.

решил сделать попроще в обычном хтмл.. просто многда на работе скучно и я этим себя развлекаю.. иногда для студенток делал простенькие сайтики.. и часто пользовался сайтом хтмлбук. отличный сайт! гранд спасибан за негО!!

так вот теперь пишу сюда, потому что не знаю как даже и что поискать в ответ на вопрос.

вот страничка: http://mike-s3.narod.ru (исправил этот пост..)

так вот чего хочу же я -

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

и я не знаю можно ли такое в принципе (не, ну что в принципе можно все - я знаю.. например в данном случае наверно помог бы пхп, но я его в глаза не видел)

подскажите, ежели встречали.. возможно достаточно меня куда то направить.. в правильном направлении и я бы может сам разобрался.

Edited November 28, 2008 by Mike-Eci

Bolmazov · November 27, 2008

Для начала: не пишите столько ненужной информации и старайтесь акцентировать внимание читателей на локальной (одной, конкретной) проблеме. Ну да ладно, на то оно и первое сообщение в разделе "Для начинающих". Все тут были. )))

Что тебе нужно? Смотря к чему ты стремишься в перспективе.

Если не заморачиваться, то нужно в html порезать аккуратными дольками js, заправить cssи можно подавать к столу.

Остальные ингредиенты по вкусу xml, jQery, etc.

Как готовить? Тоже решать наверное тебе. Смотря что бы знаешь и чего хочешь (узнать).

Твоя задачка не так сложна.

Я не буду говорить что-то конкретнее по двум причинам.

1. Могу быть не правым. Ну это не страшно и не причина вовсе. Просто свои шишки - это свои шишки. Не хочу отнимать у тебя такую возможность их набить.

2. Вытекает из первой: не хочу тебя ограничивать. Подумать не вредно.

А если что будет конкретнее, спрашивай.

Mike-Eci · November 28, 2008

Bolmazov said:
порезать аккуратными дольками js, заправить

мне туда где проще для начала.

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

если честно, то я даже не представляю синтаксиса явы. и по ней инфу в стиле "библия делфи" не знаю де найти. ежели не сложно может пару ссылок?

Mike-Eci · November 28, 2008

а почему браузер автоматом не понимает что кодировка утф-8 ?

Choo · November 28, 2008

Удалено.

Edited November 28, 2008 by Choo

monya1987 · November 28, 2008

Вот лови шапочку ....

<!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">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=windows-1251" />
<title>Untitled Document</title>

Вставиш и всё заработает ...

С неё начинай что-то делать, чесно я не понял твоего вопроса, может-быть из-за не внимательности своей . Но хочется увидить проблему на пальцах какие картинки там должны меняться не undestand :-(

Mike-Eci · November 28, 2008

monya1987 said:
Вставиш и всё заработает ...

спасибо. дело в том что пока на локальном компе находятся файлы они браузером сразу открываются как следует, а когда закачиваю их на сайти, на который ссылку дал в первом посте - русские буквы расскракозябряются, а если ставлю головешку как ты пишешь и в скрин и ресет каэсэсах вместо "утф-8" - "windows-1251" то раскракозябряются даже при запуске с лок компа. вообще странно. мож я чего не понимаю..

а про окошки:

http://mike-s3.narod.ru/SNAG1.jpg - 33kb превью

http://mike-s3.narod.ru/SNAG0.jpg - 210kb картинка

Bolmazov · November 29, 2008

Mike-Eci, давай не будем сразу все твои вопросы в одной теме...

Ну раз уж ты спросил и про кодировку то скорее всего дело в том, что сервер отдает Content-Type text/html; charset=windows-1251. Пиши, не пиши <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> кодировка будет windows-1251. Следовательно нужно изменить Content-Type на сервере. На PHP пишешь

header("Content-type:text/html; charset=UTF-8");

в самое начало страницы и голова не болит. Другие варианты сходу не могу описать.

Теперь по теме. Я понял суть вопроса )))

Как получать эти картинки с сайтов (так что бы они могли обновляться) и возможно ли это? Наверное это главный вопрос?

Ответ: не знаю ( да и самому любопытно узнать.

Кто подскажет?

homm · November 29, 2008

РЇРЅРґРµРєСЃ http://www.yandex.ru/

Р’ РєРѕРЅС‚Р°РєС‚Рµ http://www.vkontakte.ru/

РўРѕСЂРјРѕР·РѕС„ РЅРµС‚

РћР±СЉСЏРІР»РµРЅРёСЏ РІ РџРµРЅР·Рµ http://www.bazarpnz.ru/

http://www.ladoshki.com

http://intranet/odept_apk/mkz/DocLib/Forms/AllItems.aspx

Р Р°РґРёРєР°Р» С„РѕС‚Рѕ

РЎС‡РµС‚ Р’РѕР»РіР°С‚РµР»РµРєРѕРјС‹

rus · November 29, 2008

homm said:
РЇРЅРґРµРєСЃ http://www.yandex.ru/
Р’ РєРѕРЅС‚Р°РєС‚Рµ http://www.vkontakte.ru/
РўРѕСЂРјРѕР·РѕС„ РЅРµС‚
РћР±СЉСЏРІР»РµРЅРёСЏ РІ РџРµРЅР·Рµ http://www.bazarpnz.ru/
http://www.ladoshki.com
http://intranet/odept_apk/mkz/DocLib/Forms/AllItems.aspx
Р Р°РґРёРєР°Р» С„РѕС‚Рѕ
РЎС‡РµС‚ Р’РѕР»РіР°С‚РµР»РµРєРѕРјС‹

У него:

Стоит

homm · November 29, 2008

rus: И?

rus · November 29, 2008

homm said:
rus: И?

Ты написал: РЎС‡РµС‚ Р’РѕР»РіР°С‚РµР»РµРєРѕРјС‹

Я написал: <meta http-equiv="content-type"content="text/html;charset=utf-8"/>

Что непонятного?

Или я тебя не понял..., что ты этимим крякозябрами сказать хотел?

Mike-Eci · November 29, 2008

о. спасибо за ответы! не переругайтесь только пожалуйста.

Quote
Как получать эти картинки с сайтов (так что бы они могли обновляться) и возможно ли это? Наверное это главный вопрос?

неее... это наверно делается по средствам браузера.. хотя может и пхп помог бы.

меня интересовало как можно заставить страничку в интернете поменяться с пользовательского компа. т.е. я в строчку отведенную пишу "http://forum.htmlbook.ru/", а в теле странички моей должно появиться:

<A HREF="http://forum.htmlbook.ru/"><img src="img/no-pict.gif">http://forum.htmlbook.ru/</A>

например в сааамом конце, прямо перед:

	</div>
	 </body>
</html>

Quote
У него:
<meta http-equiv="content-type"content="text/html;charset=utf-8"/>
Стоит

да, я потому что не могу так, когда на локальном компе кракозябры. потому что я поменяв на лок.компе на вин-1251 стали именно иероглифы и я не стал грузить его в инет.

а все дело в том, что изначально был шаблон с этим утф-8 ресет и скрин.ксс и поскольку я вообще не понимаю что в шапке той пишется - оставил ее без изменения.

Quote
header("Content-type:text/html; charset=UTF-8");
в самое начало страницы и голова не болит. Другие варианты сходу не могу описать.

спасибо :-) я в глаза не видел до сегодняшнего дня пхп в действии..

только сегодня примерно разобрался что надо в папку www запихать необходимый сайт, переименовать индекс.хтмл в индекс.пхп и открывать в браузере именно 127.0.0.1

до этого я представления не имел!!

ВСЕМ ОГРОМНОЕ СПАСИБО!! уверен что в пхп найду все ответы со временем, но если все таки по моему вопросику (жирным выделен)хоть комманду скажете которую помучить - буду весьма благодарен.

и извините что в одну тему все свалил. :-(

Bolmazov · November 30, 2008

Если только дело в том что бы заставить страничку в интернете поменяться с пользовательского компа. т.е. в строчку отведенную писать"http://forum.htmlbook.ru/", а в теле странички должно появиться:

<A HREF="http://forum.htmlbook.ru/"><img src="img/no-pict.gif">http://forum.htmlbook.ru/</A>, то это не вопрос.

К примеру напиши форму в ней <input name="Name" type="text" value=""> и после отправке формы, обрабатывай на php присланный адрес. Потом формеруй с учетом этого новую страничку и отдавай её браузеру.

P.S. Возможно немного халтурно описал, но ключевые слова здесь HTML Forms и PHP.

Edited November 30, 2008 by Bolmazov

Mike-Eci · November 30, 2008

Quote
P.S. Возможно немного халтурно описал, но ключевые слова здесь HTML Forms и PHP.

да. это точно то что надо! с инпут я уяснил.. сейчас попробую и по пхп посмотреть. но если не сложно подскажи какой тег(или они там команды называются..) в ценре внимания должен быть в пхп. вокруг чего поплясать.

и еще раз огромное спасибо!!

Mike-Eci · November 30, 2008

я так понял мне нужно работать с файлами что бы добавить на мою страничку еще ссылки, правильно? или есть какой то более простой\правильный способ?

я вот так пытаюсь сейчас:

<?php

$mytext = "<A HREF=\""+$addr+"\"><img src=\"img/img09.gif\">"+$addr+"</A>";


$fp = fopen("index.php", "a+"); // Открываем файл в режиме записи
if ($fp) 
{
  while(!feof($fp))
  {


$st = fgets($fp);

  if ($st == '<form action="action.php" method="POST">') $test = fwrite($fp, $mytext);// Находим строку

else echo "Ошибка при открытии файла";
?>

и соответственно в индекс.пхп у меня это(сокращу для простоты):

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"lang="en"xml:lang="en">
	  <head>
		 <title>РҐРѕСѓРј РїРµР№РґР¶</title>
		 <meta http-equiv="content-type"content="text/html;charset=utf-8"/>
		 <link rel="stylesheet" type="text/css" href="css/screen.css" />		 
	  </head>

	 <body>
	   <div id="main">
<A HREF="http://www.yandex.ru/"> <img src="img/img01.gif">РЇРЅРґРµРєСЃ http://www.yandex.ru/</A>

<A HREF="https://account.sura.ru/stat/"><img src="img/img09.gif">РЎС‡РµС‚ Р’РѕР»РіР°С‚РµР»РµРєРѕРјС‹</A>

<form action="action.php" method="POST">
<input name="addr" size="60" type="text" value="РђРґСЂРµСЃ_РЅРµРѕР±С…РѕРґРёРјРѕР№_СЃС‚СЂР°РЅРёС‡РєРё"> <input type="submit">
</form>

	   </div>


	 </body>
</html>

Edited November 30, 2008 by Mike-Eci

Mike-Eci · November 30, 2008

и у меня это не работает.. я впервые вижу пхп. помогите пожалуйста.. где я ошибся?

Sign In

сделать изменяемую страничку

Question

Link to comment

Share on other sites

16 answers to this question

Recommended Posts

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Join the conversation

Обсуждения

Important Information