Hello! Hola! Hej!

JavaScriptIn order to make interactive web pages with jQuery, it's useful to know a few things about JavaScript.JavaScript is a programming language that jQuery is written in, and knowing JavaScript will be helpful for understanding and writing your code.The next cards will cover a few fundamental JavaScript concepts. VariablesVariables store data so that they can be used later on in the program..

Frontend 2014. 8. 22. 17:09

PreviewWe are going to use jQuery to create a menu that slides out from the left side.The file index.html contains the page structure and content.The file style.css has the styling for the page.The file app.js has JavaScript and jQuery code. This code makes the menu interactive. Click on the menu icon. The menu displays by pushing the page's body over to the right.Then click on the X icon. The m..

Frontend 2014. 8. 22. 13:33

Make an Interactive WebsiteBuild the Flipboard home page and learn how to add interactivity to your website. IntroductionWeb pages made with HTML and CSS display static content. They don't respond to user actions like clicking a mouse or typing a key.JavaScript and jQuery are used to make web pages interactive.JavaScript is a programming language used to create web pages that change in response ..

Frontend 2014. 8. 21. 17:27

NavigationThe navigation menus are made up of two ulelements. In each ul, the li elements display on new lines because they are block elements. Let's style the li elements so that they display on the same line. This can be done with thedisplay property.JumbotronNice! The menu items inside each ul now are now inline elements. [We'll see how to move the two uls to display on the same line in the n..

Frontend 2014. 8. 21. 15:40

IntroductionWe saw how to use CSS rules to control the style and layout of a page.Bootstrap is a collection of prewritten CSS rules used to build web pages faster. Bootstrap provides styles out of the box for several common components on a web page, such as grid layouts, navigation, showcases, and much more.Let's see how to get started using Bootstrap in your web page. The gridA grid is a useful..

Frontend 2014. 8. 21. 14:30

IntroductionA web page is a collection of HTML elements. CSS can control the design of an element, like its color, font, and spacing.CSS can also control where an element sits on a page to create a page layout.For example, the layout to the right has a top navigation bar, a large feature element, a grid of images, and then three pieces of supporting content.What CSS properties are available to m..

Frontend 2014. 8. 21. 11:34

marginThe properties margin-left, andmargin-right are available to set themargin on either side of an HTML element. If one of these properties is set to auto, then it will take as much as possible.To move the HTML element to the far left of the screen, use margin-right: auto. This will maximize the amount of space there is on the right side margin, pushing the element to the far left.To center a..

Frontend/HTML5 2014. 8. 21. 10:52

WEB API SOAP, WS 보다 기본적인 HTTP 위에 노출된 서비스와 같은RESTful 서비스 개발 가능 프로젝트 만들기 ASP.NET MVC 4 PROJECT > project name : 'WorkManagerSimple ' PROJECT TEMPLATE > Web API *NuGet 사용 : 패키지관리솔루션 Controller > ValuesController.cs Models > Add > Class > WorkManager.cs 생성 Entity Framework의 code First 컨벤션을 사용 public class WorkManager { public int id { get; set; } public string name { get; set; } public string detail..

Frontend/HTML5 2013. 10. 22. 10:11

무슨 말인고 하니. 이렇게 선언을 하고, 라디오버튼을 선택한 값을 cs단에 넘겨 무엇인가 이벤트를 하려고 할 때, selectedValue = $(":input:radio[name=rdoIDList]:checked").val(); //document.getElementById('').value = selectedValue; document.getElementById('hdnUSERID').value = selectedValue; document.getElementById("").click(); //document.getElementById('').value = selectedValue; 이 경우로 할 때 type을 hidden으로 주면 에러가 난다. document.getElementById('hdnUS..

Frontend/HTML5 2013. 8. 30. 11:19

jQuery의 정의 셀렉터를 사용한 radio 버튼 값 가져오기. by Coder 2008/12/25 15:33 >> jQuery cspark.egloos.com/2181832 0 comments jQuery에서 제공해주는 정의 필터 셀렉터를 사용해서 radio버튼의 value값을 가져오는 방식은 아래와 같다. $(":input:radio[name=sample]:checked").val() 보기엔 좀 길어보이지만 간단하게 설명된다. 최초 input 폼 엘리먼트를 선택후 radio 버튼을 가져온다음 name 속성의 값이 sample인 것중에서 선택된 값의 value를 가져온다. 위의 경우 value 값은 "Y"가 출력된다. 아무것도 선택하지 않은상태에선 value값은 'undefined'가 반환된다. 마찬..

Frontend/HTML5 2013. 8. 29. 20:17