• Страница 1 из 1
  • 1
Форум Studio AD » Сайтостроение » Общий форум по Javascript » CSS мини-чата
CSS мини-чата
lewonchik
Дата: Суббота, 30.04.2011, 19:55 | Сообщение # 1
молчун
Группа: Проверенные
Пользователь №: 220
Сообщений: 45
Мини-чат юкоза выводится на страницу фреймом, сам фрейм содержит ссылку на внутреннюю таблицу стилей css.

Вопрос: Возможно ли с помощью скрипта (или ещё как нибудь) заменить целиком эту ссылку на свою?

  
GlebLozhkovoy
Дата: Понедельник, 02.05.2011, 08:25 | Сообщение # 2
говорун
Группа: Проверенные
Пользователь №: 255
Сообщений: 116
Code
<iframe src="ucoz.ru" width="400" height="200" id='frame'></iframe>  

<script>
$("#frame").contents().find("a:contains('текст ссылки')").html("First Link");
</script>

ну короче вот так, хотя я бы через аякс доставал бы :D

  
club4127807
Дата: Понедельник, 02.05.2011, 10:23 | Сообщение # 3
говорун
Группа: Проверенные
Пользователь №: 3087
Сообщений: 190
Получено оценок: 3 		GlebLozhkovoy, а в текст ссылки вставить ссылку на стандартные стили ucoz ?
Сеть образовательных сайтов studz
  
GlebLozhkovoy
Дата: Понедельник, 02.05.2011, 10:28 | Сообщение # 4
говорун
Группа: Проверенные
Пользователь №: 255
Сообщений: 116
Не понял, уточните.
  
club4127807
Дата: Понедельник, 02.05.2011, 13:20 | Сообщение # 5
говорун
Группа: Проверенные
Пользователь №: 3087
Сообщений: 190
Получено оценок: 3 		club4127807, a:contains('текст ссылки')" какую ссылку вставлять?
Сеть образовательных сайтов studz
  
GlebLozhkovoy
Дата: Понедельник, 02.05.2011, 15:14 | Сообщение # 6
говорун
Группа: Проверенные
Пользователь №: 255
Сообщений: 116
a:contains('lol') — даст ссылку, которая имеет в тексте lol
.find(".add") — даст элемент с классом add
и так далее
  
lewonchik
Дата: Понедельник, 02.05.2011, 22:07 | Сообщение # 7
молчун
Группа: Проверенные
Пользователь №: 220
Сообщений: 45
GlebLozhkovoy, вы не поняли - мне нужно заменить не ссылку типа
Code
<a href="">...</a>
а
Code
<link type="text/css" rel="StyleSheet" href="/_st/my.css">
на свою, т.е. мне нужно применить ВНЕШНИЕ файлы стилей CSS, БЕЗ использования встроенной таблицы стилей...
В итоге я хочу получить внутри фрейма вот такую конструкцию
Code
<link type="text/css" rel="StyleSheet" href="/css/мой стиль1.css">
<link type="text/css" rel="StyleSheet" href="/css/мой стиль2.css">
<link type="text/css" rel="StyleSheet" href="/css/мой стиль3.css">



Сообщение отредактировал lewonchik - Понедельник, 02.05.2011, 22:18
  
lewonchik
Дата: Вторник, 03.05.2011, 21:21 | Сообщение # 8
молчун
Группа: Проверенные
Пользователь №: 220
Сообщений: 45
Собственно проблему решил таким способом:
Code
<script type='text/javascript'>
var myHead = document.getElementsByTagName('head')[0].innerHTML;
myHead+="<link rel='stylesheet' type='text/css' href='/css/мой стиль.css' media='screen' />";
document.getElementsByTagName('head')[0].innerHTML=myHead;
</script>
во всех браузерах работает кроме ИЕ, подскажите в чём ошибка?
  
UnderShot
Дата: Среда, 04.05.2011, 06:23 | Сообщение # 9
оратор
Группа: Модераторы
Пользователь №: 45
Сообщений: 923
Получено оценок: 85
Code
<script>
var myHead = document.getElementsByTagName('head')[0];
myHead.innerHTML+="<link rel='stylesheet' type='text/css' href='/css/мой стиль.css' media='screen' />";
</script>

Очень важная тема!
Filmzona — онлайн фильмы.
  
Aleko
Дата: Среда, 04.05.2011, 08:19 | Сообщение # 10
Watching you
Группа: Администраторы
Пользователь №: 2
Сообщений: 1621
Получено оценок: 167 		И на бис правильный вариант:

Code
<script>
var s = document.getElementsByTagName('head')[0].appendChild(
    s = document.createElement('link'),
    s.href = '/css/мой стиль.css',
    s.rel='stylesheet',
    s
    );
</script>

Бесплатные обои.
  
lewonchik
Дата: Среда, 04.05.2011, 16:48 | Сообщение # 11
молчун
Группа: Проверенные
Пользователь №: 220
Сообщений: 45
UnderShot, Ваш вариант также не работает в ИЕ...

Aleko, дело в том что у меня несколько файлов стилей, возможно ли на твоём примере это сделать? Если да то как?

  
UnderShot
Дата: Среда, 04.05.2011, 19:33 | Сообщение # 12
оратор
Группа: Модераторы
Пользователь №: 45
Сообщений: 923
Получено оценок: 85
Code
<script>
var h=document.getElementsByTagName('head')[0],
  css=["мой_стиль1.css","мой_стиль2.css","мой_стиль3.css"];
for(var i=0;i<css.length;i++){
  h.appendChild(
      h = document.createElement('link'),
      h.href = "/css/"+css[i],
   h.rel='stylesheet',
      h
     )
}
</script>

Очень важная тема!
Filmzona — онлайн фильмы.
  
Форум Studio AD » Сайтостроение » Общий форум по Javascript » CSS мини-чата
  • Страница 1 из 1
  • 1
Поиск:
© Studioad.ru 2006 · 2010. Использование материалов форума на сторонних ресурсах без прямой обратной ссылки строго запрещено. Хостинг от uCoz.