'html'에 해당되는 글 7건
- 2010/02/18 Javascript - Element Opacity Control for Cross Browser
- 2009/07/23 2009년 7월 22일 - sunyruru 미투데이 일기장
- 2009/05/10 Silverlight – Host Settings
- 2009/05/07 Silverlight - Access HTML document
- 2009/03/02 정규표현식(Regular Expression) Href URL 캡쳐(Capture)
- 2008/01/24 DIV를 이용해 가운데 정렬 (1)
- 2008/01/08 HTML, CSS, JS 등 Markup과 DHTML의 기초를 위한 추천사이트 (1)
Javascript - Element Opacity Control for Cross Browser
자바스크립트로 HTML Element의 투명도(Opacity)를 조절하는 경우 크로스 브라우저(Cross Browser)를 지원하기 위해 삽질을 하게 된다.
이럴 때 아래 코드를 이용하자
function setOpacity(id, opacity) {
var object = id.style;object.opacity = (opacity / 100);
object.filter = "alpha(opacity=" + opacity + ")";
object.MozOpacity = (opacity / 100);
object.KhtmlOpacity = (opacity / 100);
}
'Web > JavaScript' 카테고리의 다른 글
| Add Twitter to your blog (2) | 2010/11/05 |
|---|---|
| JSINQ - LINQ With JavaScript (0) | 2010/04/10 |
| Javascript - Element Opacity Control for Cross Browser (0) | 2010/02/18 |
| Ext JS 3.0 (0) | 2009/09/23 |
| Javascript : Microsoft OS & Internet Explorer Agent Check (0) | 2009/07/20 |
| Javascript – 이벤트 추가 (0) | 2009/05/08 |
Cross Browser,
element,
html,
javascript,
opacity,
자바스크립트,
크로스 브라우징,
프로그래밍,
서울특별시 영등포구 여의동 | 서울 영등포구 여의도동
Trackback : http://i-ruru.com/trackback/525
- 2NE1 미투가 있는 것을 나만 지금 안건가요 -_ -;;;2009-07-17 12:47:50
2NE1 1st 미니앨범 - 2NE1
- Internet Explorer 8에 W3C Selectors API가 추가되었습니다. 또 개발자를 힘들게 하겠군요.2009-07-17 14:56:38
- Microsoft Office 2010의 변화된 내용 영상링크 입니다. 드디어 쓸만해진다고 하는데……2009-07-20 09:53:03
- 객체지향 CSS의 사용을 위한 가이드가 있어요. 대부분 아시던 내용이겠지만, 다시한번 개념을 리마인드 하는 차원에서 읽어보고 다시한번 생각하게 하는군요. 스탠다드매거진2009-07-20 10:56:17
- 안드로이드개발할 때 가상으로 실행할 수 있는 VM 환경이 있나요? 잘 몰라서 궁금하네요 ㅎㅎ2009-07-22 08:47:11
- raeck아하 말씀하신게 안드로이드 에뮬레이터 인가보네요. 시간날 때 도전해봐야 겠어요 ㅎㅎ2009-07-22 12:45:01
- Semantic Mark-up 을 위한 가이드내용이 있네요. 아오 왜캐 길어.. 내용은 좋은 것 같은데 꽤 길군요…2009-07-22 15:32:54
- 킴쏘연님 제 미친이 되셨어요~ 반갑습니다~! ㅎㅎ2009-07-22 19:43:43
이 글은 sunyruru님의 2009년 7월 17일에서 2009년 7월 22일까지의 미투데이 내용입니다.
'FunFun' 카테고리의 다른 글
| 2009년 8월 3일 - sunyruru 미투데이 일기장 (0) | 2009/08/04 |
|---|---|
| 2009년 7월 25일 - sunyruru 미투데이 일기장 (0) | 2009/07/25 |
| 2009년 7월 22일 - sunyruru 미투데이 일기장 (0) | 2009/07/23 |
| 2009년 7월 16일 - sunyruru 미투데이 일기장 (0) | 2009/07/17 |
| 2009년 07월 16일 - sunyruru 미투데이 일기장 (0) | 2009/07/16 |
| sunyruru의 미투데이 - 2009년 3월 22일 (0) | 2009/03/23 |
-,
1st,
2010,
2NE1,
8,
Android,
API,
CDK,
css,
Design,
entertainment,
EXCHANGE,
explorer,
google,
html,
IE8,
Internet,
markup,
me2music,
office,
oocss,
outlook,
selectors,
Semantic,
StyleSheet,
UC,
VM,
W3C,
가수,
객체지향,
구글,
미니앨범,
미친,
미투,
쓸만해,
안드로이드,
에뮬레이터,
오피스,
친신,
킴쏘연,
투애니원
Trackback : http://i-ruru.com/trackback/487
실버라이트를 Host 하는 플러그–인 구동 정보에 접근이 가능하다
쉽게 말해서 Silverlight를 HTML에 띄울 때 설정한 OBJECT 테그의 param 값들에 접근할 수 있다는 소리
-
Object 테그에서 Parameter로 설정 정보들 (대부분 읽기전용이다. 왜? html에서 설정한 내용을 읽어온 것이니깐..)
this.Host.Settings.안의 프로퍼티 들을 이용해 다양한 개발이 가능하다.
흠... 유용한 처리를 할 수 있을 듯…
'.NET > Silverlight' 카테고리의 다른 글
| Silverlight – DispatcherTimer , Clock (0) | 2009/05/12 |
|---|---|
| Silverlight – Dynamic Page load (0) | 2009/05/10 |
| Silverlight – Host Settings (0) | 2009/05/10 |
| Silverlight OpenFileDialog (0) | 2009/05/07 |
| Silverlight - Access HTML document (0) | 2009/05/07 |
| Silverlight - Access managed code form javascript (0) | 2009/05/05 |
Trackback : http://i-ruru.com/trackback/454
실버라이트를 통해 HTML 문서에 접근하여 처리를 할 수 있다.
그에 어떠한 내용이 필요한지 다음과 같이 정리를...
많이 부족하지만 ㅠㅠ..
Access HTML document
// 다음과 같은 위치의 namespace가 필요하다
using System.Windows.Browser;
// static HtmlPage class provides entry point
HtmlPage.Navigate("주소"); // 지정된 주소로 페이지를 이동한다.
String server = HtmlPage.DocumentUri.Host; // 현재 접속된 페이지의 URI 값을 가져온다
// HTML 이벤트 엘레먼트에 이벤트를 작성
HtmlElement myButton = HtmlPage.Document.GetElementbyId("myButtonId");
Mybutton.AttachEvent("onclick", new EventHandler(this.myButtonClicked));
'.NET > Silverlight' 카테고리의 다른 글
| Silverlight – Host Settings (0) | 2009/05/10 |
|---|---|
| Silverlight OpenFileDialog (0) | 2009/05/07 |
| Silverlight - Access HTML document (0) | 2009/05/07 |
| Silverlight - Access managed code form javascript (0) | 2009/05/05 |
| Silverlight - Network (2) | 2009/04/30 |
| Silverlight domain access control (0) | 2009/04/28 |
Trackback : http://i-ruru.com/trackback/450
참고 주소
http://hoons.kr/Board.aspx?Name=QACSHAP&Mode=2&BoardIdx=20596&Key=&Value=
http://phpschool.com/gnuboard4/bbs/board.php?bo_table=tipntech&wr_id=32231
이 글은 먼저 훈스닷넷(hoons.kr)에 질문으로 올라온 글 덕에 작성해본 코드이고요.
정규표현식(Regular Expression)을 이용해 HTML의 링크에 해당하는 <a href="..." 형태의 URL 부분만 받아오도록 처리하는 방법을 아래 코드로 요약해봅니다.
자세한 주석의 설명은 없지만, () 괄호로 구분되는 정규표현식 테그로 치환되는 값들을 유심히 살펴보시면 됩니다.
주석에 나와 있는 숫자 설명은
붉은색으로 강조해 둔 부분에 들어갈 값을 설명한 내용이에요~
(PS. 첨부된 파일은 테스트용 전체 소스에요)
/// <summary>
/// URL을 뽑아온다
/// 0:Link
/// 1:host.domain (FQDN)
/// 2:protocol
/// 3:domain extension (.net, .co.kr, .com ...)
/// 4:port
/// </summary>
/// <param name="strHtml"></param>
/// <returns></returns>
private List<string> GetHrefs(string strHtml)
{
List<string> urlList = new List<string>();
Regex r;
Match m;
// ref. url http://phpschool.com/gnuboard4/bbs/board.php?bo_table=tipntech&wr_id=32231
string pattern = string.Empty;
pattern += @"((http|https|ftp|mms):\/\/[0-9a-z-]+(\.[_0-9a-z-]+)+(:[0-9]{2,4})?\/?)"; // domain+port
pattern += @"([\.~_0-9a-z-]+\/?)*"; // sub roots or sub directory
pattern += @"(\S+\.[_0-9a-z]+\??)?"; // file & extension string
pattern += @"([_0-9a-z#&=-]+)*"; // parameter
r = new Regex(pattern, RegexOptions.IgnoreCase | RegexOptions.Compiled);
for (m = r.Match(strHtml); m.Success; m = m.NextMatch())
{
if (string.IsNullOrEmpty(m.Groups[0].Value))
continue;
urlList.Add(m.Groups[0].Value);
}
return urlList;
}
'.NET > C#' 카테고리의 다른 글
| 훈스 C# 스터디 5주차 - CLR의 동작 , 메모리 관리, Boxing, UnBoxing, Generic (0) | 2009/03/11 |
|---|---|
| Different with ArrayList, List<T> – Boxing, None Boxing (0) | 2009/03/10 |
| 정규표현식(Regular Expression) Href URL 캡쳐(Capture) (0) | 2009/03/02 |
| 여러줄을 한번에 StringBuilder로 감싸는 방법~! - Editplus 정규표현식, 바꾸기 기능 (4) | 2009/02/26 |
| [Hoons C# 스터디 2009 1기] 3주차 세미나 / 발표 내용 정리 (2) | 2009/02/25 |
| Use WebBrowser and shdocvw.dll for POST Data sending (0) | 2009/02/16 |
Trackback : http://i-ruru.com/trackback/409
http://flumpcakes.co.uk/css/center-div-ie
div 테그를 이용해 표시되는 박스 형태의 레이아웃을 화면 가운데로 정렬하고 싶어하는 경우가 있습니다.
이럴때 대부분 table 테그에서 align=center를 많이 써 보셨기 때문에 text-align:center 를 사용하시는 경우가 많은데요.
이럴때는 다음과 같이 margin:0 auto; 를 사용하셔야 제대로 표현할 수 있습니다.
다음 사이트를 확인해보시면 보실 수 있습니다.
http://flumpcakes.co.uk/css/center-div-ie
'Web > CSS' 카테고리의 다른 글
| CSS 범위 넘어가는 글자에 자동으로 ... 붙이는 방법 (3) | 2009/02/09 |
|---|---|
| 버튼을 CSS로 이쁘게~ (0) | 2008/06/21 |
| IE 6에서 나타나는 배경이미지 깜빡임 현상 수정 (2) | 2008/01/28 |
| DIV를 이용해 가운데 정렬 (1) | 2008/01/24 |
| IE와 W3C의 박스 차이에 의한 CSS 코딩 방식 (0) | 2007/09/11 |
| 링크에 점선.. 아직도 onclick=this.blur()를 쓰나요? (3) | 2007/05/21 |
Trackback : http://i-ruru.com/trackback/265
-
Subject div 가운데 정렬
2009/02/17 13:00
http://ruru.tistory.com/entry/DIV%EB%A5%BC-%EC%9D%B4%EC%9A%A9%ED%95%B4-%EA%B0%80%EC%9A%B4%EB%8D%B0-%EC%A0%95%EB%A0%ACmargin: 0 auto;이때 margin 0의 주는 의미는 뭘까?화면상의 차이는 없는데
기본적인 HTML과 XHTML
그리고 CSS의 사용이나 JavaScript의 기본에 약한분
XML과 XSLT, XPath의 개념이 약하신분 들에게 도움이 되는 사이트입니다.
자주 보게되는 사이트는 아니지만
기초를 공부하거나
가끔 들려 정확한 스펙을 알고 싶을때 유용한 사이트가 아닐지...
http://www.cadvance.org/
PS. 가끔씩 이런식으로 추천사이트를 올려드려야 겠네요.
기존에 아시던 사이트도 많으실겁니다.
비슷한 내용으로 괜찮은 사이트 있으시면 트랙백이나 댓글로 추천 부탁드립니다 ^ ^
'Sites' 카테고리의 다른 글
| 서울의 주요 모임장소 상세한 지도 서비스!! - PlayStreet (0) | 2009/02/10 |
|---|---|
| 고해상도의 앨범 자켓 이미지가 필요할 때? (1) | 2008/01/08 |
| HTML, CSS, JS 등 Markup과 DHTML의 기초를 위한 추천사이트 (1) | 2008/01/08 |
| JS, CSS, AJAX, 등등 웹 개발에 필요한 링크들 모음 (0) | 2007/09/03 |
| TreeView 형태의 자바스크립트 코드 (0) | 2007/08/31 |
| 국산 PDF리더 PDF+ (0) | 2007/08/30 |
Prev
