FilesExpand file tree

 2013

/

feedAnswer.js

Copy path

Blame

More file actions

Blame

More file actions

Latest commit

 

History

History

History

101 lines (84 loc) · 2.93 KB

 2013

/

feedAnswer.js

Copy path

Top

File metadata and controls

• Code
• Blame

101 lines (84 loc) · 2.93 KB

Raw

Copy raw file

Download raw file

Open symbols panel

Edit and raw actions

1

2

3

4

5

6

7

8

9

10

11

12

13

14

15

16

17

18

19

20

21

22

23

24

25

26

27

28

29

30

31

32

33

34

35

36

37

38

39

40

41

42

43

44

45

46

47

48

49

50

51

52

53

54

55

56

57

58

59

60

61

62

63

64

65

66

67

68

69

70

71

72

73

74

75

76

77

78

79

80

81

82

83

84

85

86

87

88

89

90

91

92

93

94

95

96

97

98

99

100

101

/*

* 1. イイネボタンのclickイベントが発火したらボタンの見た目を変えてください

* ヒント）

* 　　ボタンの見た目を変えるにはdiabled属性をtrueにしてください

* （CSSはあらかじめ用意しています）

*

* １つ１つのボタンにイベントリスナーを設定するのではなく、

* jQueryの.on()を使って１つの親要素にdelegateしてください

*

* 2. つぶやきの投稿フォームに文字が入力されるたびに文字カウントを更新してください

*/

/*

* strict mode

* JSの落とし穴にはまるのを防ぐため、許可された書き方の一部をエラーにする

* 例外を設けたい場合は以下の様にコメントで記述できます

* mixiのコーディングガイドラインでも新規コードはstrict mode必須となっています

*/

/*jshint browser:true, strict:true*/

/*global jQuery:false, _:false*/

(function($, _) {

"use strict";

/*

* イイネボタン

*/

var LIKE_BUTTON_SELECTOR = ".likeButton";

$(document).on("click", LIKE_BUTTON_SELECTOR, function() {

this.disabled = true;

});

/*

* つぶやき

*/

var voiceForm = {

element: $("#voiceForm"),

init: function() {

var el = this.element;

this.nickname = el.find("input[type='text']");

this.text = el.find("textarea");

this.button = el.find("button");

this.count = el.find(".count");

return this;

},

clear: function() {

this.nickname.val("");

this.text.val("");

},

setEventListeners: function() {

var self = this;

// input

this.text.on("keyup", function() {

var count = self.text.val().length;

self.count.text(count);

});

// post

this.button.on("click", function() {

$(window).trigger("addFeed", [

self.nickname.val(),

self.text.val()

]);

self.clear();

});

}

};

var feedList = {

element: $("#feedList"),

renderFeed: function(nickname, text) {

var html = [

"<div class='feed clearfix'>",

"<div class='nickname'>" + nickname + "</div>",

"<div class='text'>" + text + "</div>",

"<button class='likeButton'></button>",

"</div>"

].join("");

this.element.prepend(html);

},

setEventListener: function() {

var self = this;

$(window).on("addFeed", function(event, nickname, text) {

self.renderFeed(nickname, text);

});

}

};

voiceForm.init().setEventListeners();

feedList.setEventListener();

})(jQuery, _);