1 00:00:05,510 --> 00:00:10,850 All right Mr. inquiry less than what we're going to do and is creating copy on our Web page and be inserting 2 00:00:10,850 --> 00:00:15,170 it through a query and all this kind of stuff we've done before. 3 00:00:15,170 --> 00:00:20,420 If you don't remember go back through some of my old videos concerning the Jake and how to do this stuff 4 00:00:20,420 --> 00:00:21,740 I just want to be this one up a little bit. 5 00:00:21,750 --> 00:00:26,450 You know just watching you type the whole time what I've done is created a document and we have our 6 00:00:26,450 --> 00:00:32,910 basic Aquarion that we always link to the basic opening document ready function which we always use. 7 00:00:33,060 --> 00:00:37,430 And then in my body area here within the body of the page I've created three links one that says Create 8 00:00:37,730 --> 00:00:39,010 ones is create text. 9 00:00:39,100 --> 00:00:42,600 One says create text but with different IDs. 10 00:00:42,800 --> 00:00:48,090 The ideas is what we will be targeting from the J-20 get create create text and create variable. 11 00:00:48,370 --> 00:00:54,800 So all that I have done here targeting these three paragraphs is what we'll be using and all within 12 00:00:54,800 --> 00:00:56,840 the idea of container. 13 00:00:56,980 --> 00:00:58,830 So we're going to kind of speed this up a little bit here. 14 00:00:58,940 --> 00:01:04,640 Those already set up in there and within the document area of mind Jake we're going to go and paste 15 00:01:04,640 --> 00:01:07,990 in the first code that I pre-Roe. 16 00:01:09,140 --> 00:01:13,230 And again this last I've done before so if you don't remember check out some of my other Jake Query 17 00:01:13,280 --> 00:01:16,250 videos that we've gone through. 18 00:01:16,760 --> 00:01:23,330 And so what we're doing is you can see we've got create text that is going to be what we're targeting 19 00:01:23,450 --> 00:01:29,120 is the idea here and create text and we get something of a click function so it's an event here so that 20 00:01:29,120 --> 00:01:32,860 when somebody clicks on it we're going to target the container. 21 00:01:32,860 --> 00:01:38,490 The container I.D. right here and the paragraph of last which is going to the last paragraph within 22 00:01:38,510 --> 00:01:42,600 here and we're going to replace it with this text right here. 23 00:01:42,770 --> 00:01:48,680 So you get it done this in previous videos if you'd have any issues remembering some of that stuff Colback 24 00:01:48,740 --> 00:01:49,580 through those. 25 00:01:49,580 --> 00:01:52,370 But this should be nothing new it's been going through a bit faster here. 26 00:01:52,400 --> 00:01:58,550 I'm going to say this Dykeman as does create mass save it going to go find it here and open it up in 27 00:01:58,550 --> 00:02:03,900 my browser and I can say click on Create text and you can see the third paragraph just got replaced. 28 00:02:03,930 --> 00:02:09,120 There is that third paragraph right there was just created. 29 00:02:09,470 --> 00:02:14,680 Now it's got those paragraph tags around it because it is using it's actually taken everything that's 30 00:02:14,690 --> 00:02:18,320 in these quote marks right here and placing it in there. 31 00:02:18,460 --> 00:02:23,540 So I delete those and save it and come back and refresh and click on and create text message replace 32 00:02:23,570 --> 00:02:25,390 just that text right there. 33 00:02:27,160 --> 00:02:31,680 So that may be useful for something like a form where once you submitted it it's replaced in some tasks 34 00:02:31,670 --> 00:02:34,900 it says you know thank you for submitting this form or something like that. 35 00:02:34,930 --> 00:02:37,020 There are uses for that. 36 00:02:37,150 --> 00:02:37,510 That's when. 37 00:02:37,510 --> 00:02:39,730 Take a look at the other one that we have set up down there 38 00:02:44,200 --> 00:02:44,650 myself. 39 00:02:44,680 --> 00:02:49,150 Copy that code and going to go ahead and replace that paper I thought I had there before. 40 00:02:49,230 --> 00:02:52,770 This would be very similar to what we've done before but this time we're using a variable. 41 00:02:52,990 --> 00:02:56,550 So this way we're setting up our Jake Query creates variables. 42 00:02:56,560 --> 00:03:02,690 This will be the third button down here that I have set up another event that's as I click Create this 43 00:03:02,700 --> 00:03:06,940 function recreate his variable of new text and within the container. 44 00:03:06,970 --> 00:03:10,590 The first paragraph is what we are going to be targeting. 45 00:03:10,690 --> 00:03:15,190 And the container last with each Jamail new text right there. 46 00:03:18,000 --> 00:03:22,650 So I've got it in there and what I want to do is just so we can see what it got him Hengist number these 47 00:03:22,650 --> 00:03:23,550 paragraphs. 48 00:03:23,550 --> 00:03:28,110 Call them number one number two and number three. 49 00:03:28,150 --> 00:03:32,670 Now now actually placing copy and actually getting rid of it by doing this this way. 50 00:03:32,670 --> 00:03:38,390 So I say this when it come back to my document refresh and I can see I've got paragraphs 1 2 and 3. 51 00:03:38,610 --> 00:03:40,530 Now if I click on Create text 3. 52 00:03:40,590 --> 00:03:40,950 All right. 53 00:03:41,040 --> 00:03:48,270 The third button there we've just removed three the a third of Paris and starting this the last paragraph 54 00:03:48,400 --> 00:03:49,200 there. 55 00:03:49,240 --> 00:03:54,900 So I think kind of see the benefits of creating and removing text through a query it's got a lot of 56 00:03:54,900 --> 00:03:56,110 different options. 57 00:03:56,310 --> 00:04:00,860 A lot of different uses for it so it's just applying that to your document. 58 00:04:00,870 --> 00:04:02,370 How you see fit to use it.