Buy your loved one the ultimate gift. Lifetime gift certificates are $100 off.

davy_yg

Experience

41,780

0 Best Reply Awards

  • Member Since 7 Months Ago
  • 295 Lessons Completed
  • 0 Favorites

12th December, 2017

davy_yg left a reply on Connection Could Not Be Established • 1 day ago

That is strange I already enter the correct password:

MAIL_DRIVER=smtp
MAIL_HOST=smtp.gmail.com
MAIL_PORT=465
[email protected]
MAIL_PASSWORD=******
MAIL_ENCRYPTION=ssl

Swift_TransportException Connection could not be established with host smtp.gmail.com [ #0]

davy_yg started a new conversation Connection Could Not Be Established • 1 day ago

I am getting this error message when trying to send my contact us to my email:

Swift_TransportException Connection could not be established with host smtp.gmail.com [ #0]

davy_yg started a new conversation Does Include Still Work In Laravel? • 1 day ago

include(nav.php): failed to open stream: No such file or directory (View: C:\xampp\htdocs\shaklee\resources\views\index.blade.php)

index.blade.php

<body>
<center>

<img src="images/vivix_banner.jpg"><br><br>

<?php include('nav.php'); ?>     



<h1><b>Shaklee Produk</b></h1><br><br>

<table style="width:600px">
<tr>
    <th><a href="vivix.php"><img src="images/vivix.png" height="200"></a></th>
    <th><a href="msk_vanila.php"><img src="images/msk_vanila.png" height="200"> </a></th>
    <th><a href="msk_coklat.php"><img src="images/msk_coklat.png" height="200"> </a></th>
</tr>
<tr>

11th December, 2017

davy_yg left a reply on Setup Encryption Key • 2 days ago

Find it: php artisan key:generate

davy_yg started a new conversation Setup Encryption Key • 2 days ago

How to setup laravel encryption key for the first time?

7th December, 2017

davy_yg left a reply on PHPStorm • 6 days ago

So this is the price :

US $ 199.00 /1st year US $ 159.00 /2nd year US $ 119.00 /3rd yr onwards

My first time purchase should be US $199.00 and if I decide to upgrade on the third year it will be US $119.00 is that correct?

I still do not know how much helpful is that compare to sublime?

I am in the middle of downloading all the phpstorm tutorials just to see if it is worth it.

6th December, 2017

davy_yg started a new conversation PHPStorm • 6 days ago

Hello,

What's the difference between PHPStorm and Sublime?

Why PHPStorm is not one time purchase? Like I have to subscribe for it? Why is that?

https://www.jetbrains.com/phpstorm/buy/#edition=commercial

davy_yg started a new conversation Creating Dynamic Chart • 1 week ago

Hello,

How to create dynamic chart?

I mean the data should be pulled from the databases.

I already watched the whole chart video and still do not find the part where the chart data is pulled from the database.

I think only one part:

<graph :keys="{{  $revenue->keys() }}"
      :values="{{  $revenue->values()  }}"></graph>

What about the data: {} ?

Thanks.

5th December, 2017

davy_yg started a new conversation Hiding Jpg And Profile_image • 1 week ago

Cek this website: http://fresway.com/

On the left corner you see there is a big circle when you press it hides all other round buttons around it. Now, I would like it to hide the profile_picture as well and the light jpg under it. How to make such a thing?

Here is the profile_image codes:

home.blade.php

<div id="profile_image">

                    <img id="profile_picture" src="{{url("").'/'.$user->image_profile}}"/>
                    {{--<div class="dropzone" id="edit_image" data-width="176" data-height="174" data-resize="true" data-url="{{action('[email protected]')}}" style="width: 176px;height: 174px;left: 0px;display: none;">--}}
                    {{--<input type="file" id="profilefileupload" name="thumb" />--}}
                    {{--</div>--}}

                    <div id="image_upload"></div>

                    <div id="profile_image_edit" style="display: none;">
                        <a href="#" id="btn_upload" onclick="javascript:editProfile();"><span
                                    class="glyphicon glyphicon-edit icon-pp" aria-hidden="true"></span></a>
                    </div>

                    
                    {{--<div id="profile_pict" class="dropzone" data-resize="true" data-url="canvas.php">--}}
                    {{--<img src="{{url("")}}/images/user1.png"/>--}}
                    {{--<input type="file" id="profilefileupload" name="thumb" />--}}
                    {{--</div>--}}
                </div>

What other codes should I add to hide the profile image and the light jpg under it?

29th November, 2017

davy_yg started a new conversation Next Page Shows The Wrong Picture Category • 1 week ago

Hello,

I have stock photos features in my website. For each photos category there is this next arrow to go to the next page. Yet, I find a problem to go to the next page. The next page shows "All categories" instead of "Only the selected picture category". I wonder how to fix this issue?

setting.blade.php

<form
                                        action="{{ action('[email protected]') }}"
                                        method="post"
                                    >
                                    {{ csrf_field() }}

                                    <table width="100">
                                    
                                        @foreach ($themes->chunk(3) as $chunk)
                                            <tr> 
                                            
                                            @foreach ($chunk as $theme)
                                                <td>
                                                    
                                                    <a href="http://www.soulfy.com/stokfoto/{{$theme->pic_name}}.jpg" data-lightbox="image-gallery" data-title="{{$theme->pic_name}}" >

                                                    <img width="100px"
                                                        height="100px"
                                                        src="http://www.soulfy.com/stokfoto/{{$theme->pic_name}}.jpg"/></a><center> 
                                                    <input type="checkbox" style="width: 15px" name="pic[{{$theme->pic_name}}]" value="{{$theme->pic_name}}"/>
                                                    </center>
                                                </td> 
                                            @endforeach
                                            </tr>
                                            
                                        @endforeach


                                    </table>

                                    @if ( $themes->lastPage() == 0) <br><br><br><br> @endif 

                                    @if ( $themes->currentPage() != 1)
                                    <a href="{!! $themes->previousPageUrl() !!}"> << </a>@endif

                                    {!! $themes->currentPage() !!} of {!! $themes->lastPage() !!}

                                     @if ( $themes->currentPage() !=  $themes->lastPage())
                                    <a href="{!! $themes->nextPageUrl() !!}"> >> </a>@endif

SettingController.php

public function getBackgroundTheme(Request $request)
    {

    $request->session()->flash('tab', 'tab3');
    // background for sell
    $query = DB::table('theme_background');

    if ($request->menu) {
        $theme = DB::table('kategori_name')->where('kategori_theme', $request->menu)->first();

        $query = $query->where('kategori_id', $theme->kategori_id);
    } 

    $themes = $query->paginate(6);
    
    $domain = $_SERVER['SERVER_NAME'];
    $user = User::where('domain', $domain)->first();

    return view('soulfy.setting', [
        'themes'=> $themes,
        'user' => $user,                        
    ]);
  }

davy_yg started a new conversation Hide And Show Image • 2 weeks ago

How to hide and show image when pressing a button with Vue ?

18th November, 2017

davy_yg left a reply on Crudbooster::admin_template • 3 weeks ago

I find it. Is this not manually coded or directly from the vendor correct?

vendor/crocodicsstudio/crudbooster/src/views/admin_template.blade.php

davy_yg started a new conversation Crudbooster::admin_template • 3 weeks ago

Hello,

I am trying to modify my web admin and find this codes:

@extends('crudbooster::admin_template')

What does it mean?

I cannot find where the admin_template is?

davy_yg started a new conversation Route::middleware • 3 weeks ago

Hello,

What does this route means:

routes/api.php

Route::middleware('auth:api')->get('/user', function (Request $request) {
        return $request->user();
});

17th November, 2017

davy_yg started a new conversation Test • 3 weeks ago

test

15th November, 2017

davy_yg left a reply on Ip Block • 4 weeks ago

This is not spam.

davy_yg started a new conversation Ip Block • 4 weeks ago

Hello,

I wonder why my ip address is being blocked.

Perhaps because I enter the google captcha incorrectly.

My ip address: 36.70.14.2

Please unblocked it. I am using proxy for this one.

14th November, 2017

davy_yg left a reply on Bootstrap And Laravel • 4 weeks ago

One more thing:

How to hide the Nav button from desktop and show it on cell phone?

pages.blade.php

<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css">
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.2.1/jquery.min.js">     </script>
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js"></script>
   
<style>
/* Medium devices (desktops, 992px and up) */
@media (min-width: 700px) {

    .desktop1 { height: 600px;}

 }
</style>            
         

        <div class="row">
                                          
        <div class="col-md-3" style="background-color: #f8f8f8;">
        <div class="desktop1">     
        <button data-toggle="collapse" class="btn btn-info" data-target="#demo">Nav</button>

        <div id="demo" class="collapse in">
 
        <br>
            <ul class="b">
            @foreach( $pages as $p) 
            
            <li><a href="{{url('')}}/home/pages/{{ $p->id }}">{{ $p->pages_name }}</a></li><br>                                           
            @endforeach
            </ul> 
        </div></div></div>
          
        <div class="col-md-9" style="background-color: white; padding: 20px;"><br>
        <div class="desktop2">

            <center><b>{{ $pages2->pages_title }}</b></center><br> 

            {!! $pages2->pages_content !!}
        
        </div></div>         
                        
        </div>

davy_yg started a new conversation Bootstrap And Laravel • 4 weeks ago

I wonder how to incorporate bootstrap with laravel. I wonder why in my responsive design mode: {!! $pages2->pages_content !!} this does not resize according to the cellphone size? I tested with responsive design mode in firefox.

@section('content')

    <div class="container">
    <section id="container" v-show="visiblePage">
        
        <div class="row">
        <div class="col-md-4">
        <img src="{{url('')}}/images/binder.png">

        </div>
                   
        
        
        <div class="col-md-4" style="background-color: #f8f8f8; height: auto;">
        <br>
            <ul class="b">
            @foreach( $pages as $p) 
            
            <li><a href="{{url('')}}/home/pages/{{ $p->id }}">{{ $p->pages_name }}</a></li><br>                                           
            @endforeach
            </ul> 
        </div>    
        <div class="col-md-4" style="background-color: white; height: auto; padding: 20px;"><br>
           
            <center><b>{{ $pages2->pages_title }}</b></center><br> 

            {!! $pages2->pages_content !!}
        
        </div>


        
        
        
    </section>           
</div>    

@endsection

davy_yg left a reply on Responsive Page • 4 weeks ago

Well, it's not bad. You just cannot see the page content. How to put the bootstrap in the website?

I try this:

pages.blade.php

@section('content')

    <div class="container">
    <section id="container" v-show="visiblePage">
        
        <menu><div class="row">
        <div class="col-sm-4"></div></menu> 
                   
        <cont><div class="col-sm-4">
            
            <center><b>{{ $pages2->pages_title }}</b></center><br> 

            {!! $pages2->pages_content !!}
        
        </div>                
        </cont>
        
        <sidenav><div class="col-sm-4">
        
            <ul class="b">
            @foreach( $pages as $p) 
            
            <li><a href="{{url('')}}/home/pages/{{ $p->id }}">{{ $p->pages_name }}</a></li><br>                                           
            @endforeach
            </ul> 

        </div>    
        </sidenav>
        
    </section>           
</div>    

@endsection

It still doesn't work out.

13th November, 2017

davy_yg started a new conversation Responsive Page • 4 weeks ago

Hello,

I am trying to create a responsive page:

home.blade.php

#container{
display: grid;
grid-template-columns: 350px auto 300px;
grid-template-rows: 605px 605px 605px;
grid-template-areas:
        "menu cont sidenav";
position: fixed;      
z-index: 1;
color: black;
border-top-left-radius: 10px;
border-bottom-left-radius: 10px;

}

menu {
    grid-area: menu; 
}

cont{
    grid-area: cont;
    background: white;
    padding: 50px;
    border-top-left-radius: 10px;
    border-bottom-left-radius: 10px;
}

cont p{ color:black; }

sidenav {
    grid-area: sidenav;
    background: #f8f8f8;
    padding: 50px;
    color: black;
    font-size: 11px;
    font-family: arial;  
}

sidenav a:link {
    color: black;
}

sidenav a:visited {
    color: black;
}

sidenav a:hover {
    text-decoration: none;
    color: black;
}

ul.b {
        list-style-type: square;
}


/* table untuk page */

table#t01 th, tr, td{
        width: 100%;
        padding: 5px;
}

    </style>

pages.blade.php

@extends('home')

@section('title', 'Home')


@section('content')
        <div id="page">
           

        <section id="container" v-show="visiblePage">
                <menu></menu> 
          
            <cont>
            
                <center><b>{{ $pages2->pages_title }}</b></center><br> 

                {!! $pages2->pages_content !!}
                        
            </cont>


            <sidenav>

            <ul class="b">
            @foreach( $pages as $p) 
            
            <li><a href="{{url('')}}/home/pages/{{ $p->id }}">{{ $p->pages_name }}</a></li><br>                                           
            @endforeach
            </ul> 

        </sidenav>
      

    </section>           
    </div>    

@endsection

In handphone it doesn't look good!

http://tobageopark.com/home/pages/1

I wonder why it doesn't work out well. I am trying to imitate the code in : https://www.w3schools.com/html/html_responsive.asp

Yet, it starts going into chaos if I imitate it.

8th November, 2017

davy_yg started a new conversation Js Error • 1 month ago

Hello,

Please help cek http://rajanikmat.com/ - I cannot click the fb and twitter. This is the same file like in www.fresway.com, I wonder why ?

Thanks.

davy_yg left a reply on Undefined Property: Illuminate\Database\Eloquent\Collection::$fb_enable • 1 month ago

Illuminate\Database\Eloquent\Collection Object
(
    [items:protected] => Array
        (
        [0] => Soulfy\Setting Object
            (
                [table:protected] => user_setting
                [connection:protected] => 
                [primaryKey:protected] => id
                [perPage:protected] => 15
                [incrementing] => 1
                [timestamps] => 1
                [attributes:protected] => Array
                    (
                        [id] => 41
                        [user_id] => 43
                        [fb_enable] => 1
                        [twitter_enable] => 1
                        [google_enable] => 1
                        [youtube_enable] => 1
                        [instagram_enable] => 1
                        [flickr_enable] => 0
                        [path_enable] => 0
                        [skype_id] => 
                        [info_profile] => 

Profile Info2

                        [ecommerce_status] => IN_PROGRESS
                        [created_at] => 2016-06-02 08:56:58
                        [updated_at] => 2017-09-15 08:10:48
                        [themes_enable] => 3
                        [ecommerce_message] => 
                        [ecommerce_admin_url] => 
                    )

                [original:protected] => Array
                    (
                        [id] => 41
                        [user_id] => 43
                        [fb_enable] => 1
                        [twitter_enable] => 1
                        [google_enable] => 1
                        [youtube_enable] => 1
                        [instagram_enable] => 1
                        [flickr_enable] => 0
                        [path_enable] => 0
                        [skype_id] => 
                        [info_profile] => 

Profile Info2

                        [ecommerce_status] => IN_PROGRESS
                        [created_at] => 2016-06-02 08:56:58
                        [updated_at] => 2017-09-15 08:10:48
                        [themes_enable] => 3
                        [ecommerce_message] => 
                        [ecommerce_admin_url] => 
                    )

                [relations:protected] => Array
                    (
                    )

                [hidden:protected] => Array
                    (
                    )

                [visible:protected] => Array
                    (
                    )

                [appends:protected] => Array
                    (
                    )

                [fillable:protected] => Array
                    (
                    )

                [guarded:protected] => Array
                    (
                        [0] => *
                    )

                [dates:protected] => Array
                    (
                    )

                [dateFormat:protected] => 
                [casts:protected] => Array
                    (
                    )

                [touches:protected] => Array
                    (
                    )

                [observables:protected] => Array
                    (
                    )

                [with:protected] => Array
                    (
                    )

                [morphClass:protected] => 
                [exists] => 1
                [wasRecentlyCreated] => 
            )
        )   
)

davy_yg started a new conversation Undefined Property: Illuminate\Database\Eloquent\Collection::$fb_enable • 1 month ago

How to fix this error:

ErrorException in b94f0146c779eeae2abf54891404d662 line 80: Undefined property: Illuminate\Database\Eloquent\Collection::$fb_enable (View: C:\xampp\htdocs\soulfy_repo\framework\resources\views\soulfy\partial\social.blade.php) (View: C:\xampp\htdocs\soulfy_repo\framework\resources\views\soulfy\partial\social.blade.php)

line 80: <input type="checkbox" id="ck_fb"/>

I wonder why it shows error when I click businesscard.

HomeController.php

public function getBussinesscard()
{
    $domain = $_SERVER['SERVER_NAME'];
    $user = User::where('domain', $domain)->first();

    $settings = Setting::where('user_id', $user->id)->get();
    
    return view('soulfy.bcard_web', ['user' => $user, 'settings' => $settings]);
    
    }

The user_setting table has fb_enable column in it.

7th November, 2017

davy_yg started a new conversation Javascript • 1 month ago

HomeController.php

public function getFrontFacebook()
    {
        $domain = $_SERVER['SERVER_NAME'];
        $user = User::where('domain', $domain)->first();
    
        return view('soulfy.facebook', ['user' => $user]);
    
    }

How to hide soulfy.facebook on the first load? Since the load js does not function any longer after the soulfy.facebook page open.

How to fix this script and place it on soulfy.facebook.

$(".content-placeholder").hide();

davy_yg started a new conversation Javascript Error • 1 month ago

What does this error means?

I am having problem with my javascript functions. I check with Inspect Element - console.

TypeError: $(...).attr(...) is undefined[Learn More] admin:2084:27 loadtimeline http://localhost/soulfy_repo/public_html/admin:2084:27 onclick http://localhost/soulfy_repo/public_html/admin:1:1

6th November, 2017

davy_yg started a new conversation NotFoundHttpException In Controller.php Line 269: Controller Method Not Found. • 1 month ago

Hello,

I cannot understand this error:

NotFoundHttpException in Controller.php line 269: Controller method not found.

routes.php

Route::post('/home/contact', '[email protected]')->name('contact');

When I click :

home.blade.php

<a href="{{ route('contact') }}" class="btn-placeholder email" data-tipe="email"
                                   data-target="#content_desc">

Why the error appears?

davy_yg started a new conversation Javascript Link • 1 month ago

Hello,

I am having problem with this javascript link.

I try to click facebook and twitter yet the link is not opening.

I check the console and get this error message:

ReferenceError: loadtimeline is not defined[Learn More] rajanikmat.com:1:1 onclick http://rajanikmat.com/:1:1

View source in debugger:

    <a href="#" onclick="loadtimeline(this,'fb')">
            <!-- <img src="http://rajanikmat.com/images/button-02.png"/> -->
                <div id="circle1"><div style="margin: 0 0 0 3px; "><img src="http://rajanikmat.com/images/add/icons10.png" width="40px" /></div></div>
                </a>
                                
                                                        </label>
                    </li>
                    <li>
                        <input id="c3" type="checkbox">
                        <label for="c3">
                            
            <a href="#" onclick="loadtimeline(this,'twitter')"><!-- <img
                                             src="http://rajanikmat.com/images/button-03.png"/> -->
                                                <div id="circle1"><div style="margin-left: -7px; "><img src="http://rajanikmat.com/images/add/icons9.png" width="40px" /></div></div>                                                   
                                                </a>

....

function loadtimeline(base, type) { $("#status_img_profile").hide(); if (TIMELINE_LOADING) return; TIMELINE_LOADING = true; timelineShowLoading(); skip = 0; social_tipe = type;
    if (type == "article") {
        $('.placeholder-second').hide();
        $('.placeholder-first').hide();
        $(".backend-box").hide();
        $(".content-gallery ").hide();
        $("#artikel_placeholder").show();
        $(".placeholder-third").hide();

// alert(1); $(".plus-minus-toggeler:not(.dont-hide)").hide(); }

    if (type == "path") {
        pesanErr("Sorry, we are not yet available");
    }
    else {
        var src = $('label[for=c10] a img').attr("src").replace("-hover.png", ".png");
        $('label[for=c10] a img').attr("src", src);


        if (type == "fb") {
            showProfileInfo('Ruth Alfiyanti', '', '', 'female', '', '', '', 'https://graph.facebook.com/1482020341856296/picture?type=normal');
        }

        // @ if (auth::check()){
        if (type == "twitter") {
            showProfileInfoTwitter("@Ruth_Alfiyanti", "ruthalfiyanti_", "http://pbs.twimg.com/profile_images/668775617744113666/zEYnKz3I_400x400.jpg", "Ig : Ruth_alfiyanti

Line : ruthalfiyanti Fb : Ruth Alfiyanti", 0, 0); } // @ endif }

...

I have the timeline already.

Please help me out. Thanks.

3rd November, 2017

davy_yg left a reply on Hiding Pages With Jquery • 1 month ago

When I click the hide button nothing happens. I expect that the part being hidden.

2nd November, 2017

davy_yg left a reply on Hiding Pages With Jquery • 1 month ago

When I check the console, I am getting this error message:

TypeError: a is undefined[Learn More]  ckeditor.js:341:77
1  1:1022:5

TypeError: $(...).html5imageupload is not a function[Learn More]  1:1186:5

TypeError: $(...).nestednav is not a function[Learn More]  1:1513:5

TypeError: $(...).tooltip is not a function[Learn More]  1:930:7

<anonymous> http://localhost/soulfy_repo/public_html/home/pages/1:930:7
fire https://code.jquery.com/jquery-1.10.2.js:3048:10
fireWith https://code.jquery.com/jquery-1.10.2.js:3160:7
ready https://code.jquery.com/jquery-1.10.2.js:433:3
completed https://code.jquery.com/jquery-1.10.2.js:104:4

Use of getPreventDefault() is deprecated.  Use defaultPrevented instead.  jquery-1.10.2.js:5375:28

    

davy_yg started a new conversation Hiding Pages With Jquery • 1 month ago

Here I simplify the codes and when I press hide button it still does not hide the container. I wonder why?

pages.blade.php

<section id="container">
    <menu></menu> 
    <cont>
        <center><b>{{ $pages2->pages_title }}</b></center><br> 
        {!! $pages2->pages_content !!}
    </cont>
    <sidenav>
        <button id="hide">Hide</button>
        <!-- <a href="#" id="hide">Click</a> -->
        <label for="c500" onclick="alert(1)">Label</label>
        <a href="#" @click.prevent="togglePage()">Test</a>
        @foreach( $pages as $p) 
        <a href="{{url('')}}/home/pages/{{ $p->id }}">{{ $p->pages_name }}</a><br><br>    
        @endforeach 
    </sidenav>
</section>           
</div>    
</div>
@endsection
@section('js')
<script src="https://code.jquery.com/jquery-1.10.2.js"></script>
<script>
$( "#hide" ).click(function() {
      $( "#container" ).hide().fadeIn();
});
</script>

25th October, 2017

24th October, 2017

davy_yg started a new conversation Hiding Container • 1 month ago

I try to hide the container when the button being click but it does not happen. I wonder why?

home.blade.php

<li>
                            <input id="c10" type="checkbox">
                            <label for="c10">
                                <a href="{{ action('[email protected]') }}" @click="isVisible">
                                    @if($uri=="home/articles")
                                        <!-- <img src="{{url("")}}/images/button-10-hover.png"/> -->
                                        <div id="circle1"><div style="margin: -10px 0 0 0;"><img src="{{url("")}}/images/add/icons5-hover.png" width="30px" /></div></div>
                                    @else
                                        <!-- <img src="{{url("")}}/images/button-10.png"/> -->
                                        <div id="circle1"><div style="margin: -10px 0 0 0;"><img src="{{url("")}}/images/add/icons5.png" width="30px" /></div></div>
                                    @endif
                                </a>
                            </label>
                        </li>

....


<script>

new Vue({
    el: '#container',
data: {
        return{ isVisible: true };
    },
methods: {

        hideContainer(){
        this.isVisible = false;
    }
}
})

</script>  

pages.blade.php

@extends('home')

@section('title', 'Home')

@section('content')


    <section v-show="isVisible" id="container">
    <menu></menu> 
      
            
    <cont>
        
        <center><b>{{ $pages2->pages_title }}</b></center><br> 

        {!! $pages2->pages_content !!}
                    
    </cont>


    <sidenav>

        @foreach( $pages as $p) 
        
        <a href="{{url('')}}/home/pages/{{ $p->id }}">{{ $p->pages_name }}</a><br><br>    
                               
        @endforeach 

    </sidenav>
  

</section>           

davy_yg left a reply on V-show • 1 month ago

This time I switch the element to container:

<script>

new Vue({
el: '#container',
data: {
    show: 0
}
})

</script>

The container only appear for 1 second then disappears. I would like it if the pages button being click it will always stays open if the article button being click then it hides the container.

I am in the middle of listening to Vue 2 tutorial.

davy_yg left a reply on V-show • 1 month ago

My id should be id="app" or id="container"?

My css is container but the element is app.

davy_yg left a reply on V-show • 1 month ago

So I simply need to add this?

home.blade.php

<script>

new Vue({
el: '#app',
data: {
        show: 0
}
})

</script>

When people click the link it will hides the css in pages.blade.php - yet I check it and it still exist.

davy_yg left a reply on Hide And Show Some Content • 1 month ago

I have this on the top of pages.blade.php

@extends('home')

@section('title', 'Home')


@section('content')


    <section v-show="show" id="container">

davy_yg left a reply on V-show • 1 month ago

I only have this for my VueJs codes:

home.blade.php

<script src="http://cdnjs.cloudflare.com/ajax/libs/vue/1.0.8/vue.min.js"></script>

davy_yg started a new conversation V-show • 1 month ago

I wonder why this does not work. I have been following video 17 - vue:

This is the button:

home.blade.php

<li>
                            <input id="c10" type="checkbox">
                            <label for="c10">
                                <a href="{{ action('[email protected]') }}" @click="show = !show">
                                    @if($uri=="home/articles")
                                        <!-- <img src="{{url("")}}/images/button-10-hover.png"/> -->
                                        <div id="circle1"><div style="margin: -10px 0 0 0;"><img src="{{url("")}}/images/add/icons5-hover.png" width="30px" /></div></div>
                                    @else
                                        <!-- <img src="{{url("")}}/images/button-10.png"/> -->
                                        <div id="circle1"><div style="margin: -10px 0 0 0;"><img src="{{url("")}}/images/add/icons5.png" width="30px" /></div></div>
                                    @endif
                             

This is the hide target:

pages.blade.php

<section v-show="show" id="container">
    <menu></menu> 
      
            
    <cont>
        
        <center><b>{{ $pages2->pages_title }}</b></center><br> 

        {!! $pages2->pages_content !!}
                    
    </cont>


    <sidenav>

        @foreach( $pages as $p) 
        
        <a href="{{url('')}}/home/pages/{{ $p->id }}">{{ $p->pages_name }}</a><br><br>    
                               
        @endforeach 

    </sidenav>
  

</section>   

23rd October, 2017

davy_yg left a reply on Javascript And Vue • 1 month ago

Well, if anyone can help me out on creating the vue to hide my css would be great: https://laracasts.com/discuss/channels/javascript/hide-and-show-some-content

davy_yg left a reply on Javascript And Vue • 1 month ago

I mean all javascript programs. So there will be no plain javascript everything is using vue. Will that be possible?

davy_yg started a new conversation Javascript And Vue • 1 month ago

Hello,

I wonder if ALL javascript normal function can be replace with Vue?

Thanks.

davy_yg left a reply on Hide And Show Some Content • 1 month ago

I don't quite understand how to code hideContainer using vue. This is what I try:

home.blade.php

#container{
display: grid;
grid-template-columns: 350px auto 300px;
grid-template-rows: 800px 800px 800px;
grid-template-areas:
        "menu cont sidenav";
position: fixed;      
z-index: 1;
color: black;
    }

menu {
grid-area: menu; 
}

cont{
grid-area: cont;
background: white;
padding: 50px;
}

cont p{ color:black; }

sidenav {
grid-area: sidenav;
background: orange;
padding: 50px;
color: black;
}
...


<li>
                            <input id="c10" type="checkbox">
                            <label for="c10">
                                <a href="{{ action('[email protected]') }}" @click="hideContainer()">
                                    @if($uri=="home/articles")
                                        <!-- <img src="{{url("")}}/images/button-10-hover.png"/> -->
                                        <div id="circle1"><div style="margin: -10px 0 0 0;"><img src="{{url("")}}/images/add/icons5-hover.png" width="30px" /></div></div>
                                    @else
                                        <!-- <img src="{{url("")}}/images/button-10.png"/> -->
                                        <div id="circle1"><div style="margin: -10px 0 0 0;"><img src="{{url("")}}/images/add/icons5.png" width="30px" /></div></div>
                                    @endif
                                </a>
                            </label>
                        </li>

...

<script src="http://cdnjs.cloudflare.com/ajax/libs/vue/1.0.8/vue.min.js"></script>
<script>

new Vue({
        el: '#app',

        data: {
               
        },

      methods: {
        hideContainer: function(){
        
            var x = document.getElementById("container");
            if (x.style.display === "none") {
                x.style.display = "block";
            } else {
                x.style.display = "none";
            }             
            }
        } 
    });
  
    </script>

pages.blade.php

<section id="container">
    <menu></menu> 
      
            
    <cont>
        
        <center><b>{{ $pages2->pages_title }}</b></center><br> 

        {!! $pages2->pages_content !!}
                    
    </cont>


    <sidenav>

        @foreach( $pages as $p) 
        
        <a href="{{url('')}}/home/pages/{{ $p->id }}">{{ $p->pages_name }}</a><br><br>    
                               
        @endforeach 

    </sidenav>
  

</section>

davy_yg left a reply on {{task.body }} Does Not Show It's Value • 1 month ago

If I do not put @{{ then I start getting this error message:

Use of undefined constant task - assumed 'task' (View: C:\xampp\htdocs\laravel_vue\resources\views\vue3.blade.php)

davy_yg started a new conversation {{task.body }} Does Not Show It's Value • 1 month ago

This time I wonder why {{task.body }} does not show it's value?

vue3.blade.php

<style>

        .completed { text-decoration: line-through; }
    </style>
    </head>
    <body>
    
    <div id="app">
        
        <ul>
            <li :class="{ 'completed':task.completed }" 
            v-for="task in tasks"
            @click="task.completed =! task.completed"
            >@{{ task.body }}</li>
        </ul>

        
    </div>

<script src="http://cdnjs.cloudflare.com/ajax/libs/vue/1.0.8/vue.min.js"></script>
<script>

new Vue({
        el: '#app',

    data: {
        
    tasks: [
        {body: 'Go to the store', completed: false },
        {body: 'Go to the bank', completed: false },
        {body: 'Go to the doctor', completed: false }
    ]
    }

    methods: {
    toggleCompletedFor: function(task){
        task.completed = ! task.completed;
        }
    } 
    });   

</script>  

davy_yg started a new conversation UpdateCount • 1 month ago

Check this out. Everytime I click the submit button the increment count must be added by one. but this is not the case, it stays 0. I wonder why?

vue2.blade.php

<body>
    
    <div id="app">
        
            <button type="submit" @click="updateCount">
                Increment Counter: @{{ count }}
            </button>    
        
    </div>

<script src="http://cdnjs.cloudflare.com/ajax/libs/vue/1.0.1/vue.min.js"></script>
<script>

new Vue({
    el: '#app',

      data: {
            count: 0
    },

     method: {
        updateCount: function() {
            this.count += 1;
        }

    }     
});
  

</script>  


</body>

davy_yg left a reply on Use Of Undefined Constant Message • 1 month ago

The tutorial show this:

{{ $data | json }}

Anyway, now all working thanks.

davy_yg left a reply on Use Of Undefined Constant Message • 1 month ago

I am trying the first tutorial:

<body>
    
    <div id="app">
          @{{ message }}  
    </div>

    <input v-model="message">

    @{{ $data | json }}

<script src="http://cdnjs.cloudflare.com/ajax/libs/vue/1.0.1/vue.min.js"></script>
<script>

new Vue({
    el: '#app',
    data: {
        message: 'Hello World'
    }
 });
    
</script>  


    </body>

This is the result:

Hello World [_______________] {{ $data | json }}

  1. I wonder why when I type the text, the text above it not changing along the text that I type
  2. I wonder why the $data under it not showing value
  3. I wonder why I keep having to write @{{ so that no error appearing

davy_yg started a new conversation Use Of Undefined Constant Message • 1 month ago

Hello,

I am experimenting with Vue and get this error :

Use of undefined constant message - assumed 'message'

How to fix it?

home.blade.php

{{ message }}  

...

<script src="http://cdnjs.cloudflare.com/ajax/libs/vue/1.0.1/vue.min.js"></script>

new Vue({ el: '#app', data: { message: 'Hello World' } });

22nd October, 2017

davy_yg left a reply on What Php Framework Could Vue Compatible With • 1 month ago

I am new with vue to use vue do I need to download anything?

Since the vue link :

Edit Your Profile
Update

Want to change your profile photo? We pull from gravatar.com.