Questions tagged [javascript]
The javascript tag has no usage guidance.
125
questions
1
vote
2
answers
1k
views
Load More Entries Button
I am trying to make my entry loop have a load more button, and not sure how to do it. I tried the method from http://craftsnippets.com/articles/infinite-scrolling-and-lazy-loading-with-craft-cms but I ...
- 4,604
1
vote
1
answer
114
views
Add Google Analytics JS event tracker
I'm trying to track some link clicks on a website that is using Craft CMS.
I only have access to the Website and the Data Studio Report, but I don't have access to Google Analytics, GTM or any "...
CommunityBot
- 1
1
vote
2
answers
114
views
Hiding categories in real time with Sprig in a faceted search
I've built three buttons with checkbox dropdowns that display categories that filter the content below based on categories. I am currently using the relatedTo function to only display the categories ...
1
vote
3
answers
149
views
How to use page specific javascript using asset rev plugin and webpack?
I have a similar question here.
But I was NOT able to ask the right question.
I'm practicing with starter-blog template.
How do I use page specific javascript using the asset rev plugin and webpack?
I ...
- 108
0
votes
0
answers
38
views
Loop out nested menu on click
I'm a new Craft user and a fairly new web developer.
I have the following code:
<ul class="flex flex-col items-end mb-4 text-right md:mb-0 md:flex-row md:space-x-4 md:items-center lg:space-x-8 ...
1
vote
1
answer
29
views
How to use page specific javascript using the starter-blog template using asset rev plugin?
I'm practicing with starter-blog template.
How do I include a page specific javascript using the asset rev plugin?
Thanks.
- 8,802
2
votes
2
answers
140
views
javascript module question
Hi hope you can help with this and hoping it's simple. I need to write a javascript module and would like to use the js tag:
{% js %}
//script here
{% endjs %}
This is good because it only ...
- 41
2
votes
1
answer
389
views
Escaping quotes of an entry string used inside a script tag
How can I display an entry string, with included special characters (like single and double quotes) , inside a script tag without translating these special characters into html entities but escaping ...
- 69
2
votes
1
answer
350
views
404 Error Controller Action From Jquery But Not Url
I'm able to call my controller action directly from a url in the browser and get the proper response but when I call it from a page with js I get a 404 error. I'm working off the solution found here ...
- 512
1
vote
1
answer
134
views
Loading JavaScript on Template Load
I'm working on a kiosk-type plugin which will cycle through all news entries, beginning upon template (or page) load.
It needs to load a JavaScript ajax script for this on page/template load.
Would ...
- 1,130
1
vote
1
answer
18
views
I have a custom table in my craft plugin at the backend and I have to include custom sorting on each field of the table using javascript
The Table includes this field:
Name
Age
City
State
- 616
1
vote
1
answer
51
views
Showing and hiding details (price, sale price, sku etc)when product variant is selected on details page
I currently have price, sku and variant title swapping when clicking between variants on a products details page.
This works with AlpineJS and looks something this.
https://codepen.io/amasci/pen/...
- 1,864
2
votes
1
answer
292
views
Re-initialize / layout Masonry after a sprig change
I've got Sprig set up to filter entries by a few categories. I'm trying to re-layout Masonry JS after this update takes place.
For starters, I add Masonry to the window variable (defined as global in ...
- 251
4
votes
1
answer
517
views
Interpret TWIG's {% js %} as <script> in PHPStorm
Does anyone know how to get PHPStorm interpret {% js %} as <script> for correct syntax highlighting in PHPStorm?
Background: I'am always doing this:
{% js at endBody %}
{% if false %}<...
- 34.1k
1
vote
1
answer
99
views
Populating Matrix Blocks with JavaScript
I need to populate a matrix block field with JavaScript in the control panel. I've got the data ready, but i can't figure out how to add it.
I've located a function called addBlock() in MatrixInput.js ...
- 740
1
vote
1
answer
554
views
Output javascript inside twig variable
I am using the Enupal Stripe Payments plugin to pass line items to Stripe. The line items get passed in an array. I want to use a javascript cart to hold the items in local storage, reformat that and ...
CommunityBot
- 1
2
votes
2
answers
106
views
How can I add Google MarkerClusterer library to Smart Map?
I started to work with Craft CMS a couple month ago, I have a client that wants to have a clustered map, I went over Smart Map documentation but I couldn't find anything about on how to add Google ...
- 23.8k
1
vote
1
answer
166
views
Setting Google maps circles using Smart Map plugin
So, I'm trying to set circles around marker locations using Smart Map and some JS.
I've got the following which gives no errors, but outputs no circles.
$(function () {
$.each( smartMap.marker, ...
- 23.8k
3
votes
1
answer
216
views
Setting the position of a Smart Map marker on the front end
I'm using Smart Map in a front end entry form and trying to set the position of a marker as the user enters their address.
I can get the lat/lon lookup working but I'm stumped with the marker itself.
...
- 23.8k
1
vote
1
answer
337
views
1
vote
1
answer
1k
views
How to include external JavaScript in place?
We include an external script from a vendor and the URL doesn't end in .js. It returns JavaScript that creates a widget in place. I was able to fake it out by adding a '&js=.js' parameter but it ...
- 616
1
vote
2
answers
480
views
How to get an input value without refreshing with twig?
One way to read a dynamically inserted value is to refresh the page and get it in a twig variable through the url, something like this:
{% set amount = craft.app.request.getQueryParam('amount') %}
...
- 2,009
1
vote
2
answers
28
views
Plugin Settings Color Input Javascript Event Listeners
Is it possible to attach JavaScript event listeners to the colour input field in a plugin's settings page, so that when a user selects a colour with the picker I can run an AJAX request?
- 41
1
vote
0
answers
94
views
Sprout Forms Recaptcha js error - everything flagged as spam
I'm using the Google reCAPTCHA plugin with Sprout forms. I'm trying to use an invisible reCAPTCHA badge, but I'm getting a js error on page load:
Unhandled Promise Rejection: TypeError: null is not an ...
- 1,000
1
vote
1
answer
921
views
Input and Use Twig Variable in External JS Script Across Different Pages
I have created a _layout.twig file which acts as my base to hold content on the page -> _layout.twig:
<!DOCTYPE html>
<html lang="{{ craft.app.language }}">
<head>
...
- 111
2
votes
1
answer
761
views
JS login form on different domain and handling the CSRF token
Having sorted out the CORS issue and succesfully logging into Craft from a different domain using Javascript, I've now turned CSRF protection back on. I've got a module returning the CSRF token name ...
- 2,908
0
votes
0
answers
182
views
How to load more entries of a category on that category's page with Element API?
Following up on previous questions of mine: How to use multiple different instances Element API "Load More" button?
I have a website that utilizes the "load More" (button) method ...
- 129
1
vote
1
answer
110
views
How to use multiple different instances Element API "Load More" button?
Following up on a previous question of mine:
How to skip the first few entries in a "load more" scenario with Element API?
I have a website that utilizes the "load More" (button) ...
- 1,344
1
vote
1
answer
128
views
How to skip the first few entries in a "load more" scenario with Element API?
I have a website that uses a "load more" button. The process for this button can be found here:
http://craftsnippets.com/articles/infinite-scrolling-and-lazy-loading-with-craft-cms
I made it ...
- 1,344
4
votes
2
answers
3k
views
How can I get cookies that were set in javascript from a twig template?
The docs state that {{ craft.request.getCookie(name) }} will not work for cookies that were set in JavaScript, because all cookies in Craft go through some validation to ensure that they aren't ...
- 7,111
0
votes
0
answers
27
views
Undefined this.$overflowTabBtn.data(...) initTabs Craft.js:11326:51
I'm getting this error on one Solspace calendar (2.x) event entry form, but not another. The only difference seems to be two asset fields, and one entry reference field. It's the only page the error ...
- 387
1
vote
1
answer
89
views
Click counter for links (craft v2)
So I'm new to PHP and ok with Javascript. I have a page on my site with a long list of external links, would it be possible to add a counter to be displayed next to each link that shows how many times ...
- 6,318
2
votes
1
answer
674
views
Including plugin javascript on the client side
I've created a simple plugin based on the Craft docs with the following directory structure...
/craft
/plugins
/eforms
/resources
/js
...
- 1
1
vote
1
answer
232
views
Setting a new / override shippingAddress via axios
I am trying to change/set a customers shippingAddress via axios
It does work e.g. for setting the shippingMethod or the quantity for a product. However if i want to set a new shippingAddress the ...
- 1,064
2
votes
2
answers
785
views
How can I get cookies that were set in javascript from a twig template? [NEW]
This question was already asked a few years ago, and the way of doing it was through a plugin. I was wondering if there is a way of doing it just using Craft and Twig.
I set up a cookie using ...
- 21
1
vote
2
answers
413
views
Verbb Comments plugin - Can't see comment replies
I recently installed Verbbs Comments plugin on my Craft site, which seems all well and good except that I can't toggle the comment replies. ('2 comments' when clicked does nothing)
Everything else ...
- 199
1
vote
1
answer
643
views
Ajax post request front-end csrf token
I'm trying to make a simple post request with ajax to a controller in plugin.
The problem I'm having is that I always get a 400 Bad request because I don't send a valid CSRF Token.
But I can't figure ...
- 19.6k
1
vote
1
answer
91
views
Access table from Globals in script
In the Globals I have a field which is of type table. I was trying to access this table in the javascript in order to get the values of particular rows.
<script>
var myTable = "{{ ...
- 67k
1
vote
2
answers
1k
views
Can a plugin add JS or CSS to the control panel in Craft 3?
I want entries in a specific PlainText field for a named group to be pre-filled with random content. I am aware of the https://github.com/lukeyouell/craft-randomkeygenerator plugin and am aware that I ...
- 55
2
votes
2
answers
602
views
Live Preview Not Updating - No errors found
Okay, first I know this question has been asked - specifically here: Live preview not automatically updating
But that suggestion did not help. I have no console errors, no network errors. In fact, ...
- 111
1
vote
1
answer
94
views
Craft 2, MySQL database, Twig, JavaScript files
I have created in Craft 2 CMS, under the profile of users (ex. parents), new tab for (children), where parents can fill in there children information.
The data is saved in a database under the ...
- 67k
0
votes
1
answer
184
views
For loop through custom field in JavaScript
I'm using a script to animate four sets of numbers on a page. I would like the numbers to be editable from within the admin (a SuperTable field).
Currently I have this:
<ul class="counters">
...
- 1,344
1
vote
0
answers
46
views
Can scripts loaded as ES Modules work with Live Preview?
How can a script loaded as an ES module be reinitiated after changes are made in Live Preview? In my experience a script loaded as a module is executed the first time Live Preview is opened, but then ...
- 712
2
votes
2
answers
4k
views
Craft 3 - ajax request to plugin
This is a pretty simple test before I implement some larger functionality. Eventually this will be just a glorified upload form via ajax.
Part 1 - Ajax post
$.ajax({
type: 'POST',
...
- 187
4
votes
3
answers
1k
views
Creating environment variable from JSON file
Brand new to Craft here. I'm trying to port across my gulp workflow to Craft and basically everything has gone super smooth. Just one last obstacle due to my lack of knowledge of the Twig templating ...
- 11.3k
1
vote
0
answers
383
views
How can I edit multiple entries via multiple front-end forms using Vue.js?
I found this post. However, writing a plugin in currently not an option, and I'd like to do this with Vue.js since I'm already using it for form validation & other stuff. Also, this involves ...
- 1,226
1
vote
1
answer
134
views
includeJs not consistently working
Using Craft 2 and I have a Matrix Block which can contain a carousel item, which uses JS/jQuery. Because the content editor can add multiple instances of this Matrix Block I can’t set up these ...
- 23.8k
1
vote
1
answer
80
views
Can I add custom JS to Sprout Form?
I'd like to be able to attach custom JS to a Sprout Form which can be managed in the form builder. I need to add logic that will switch the email address of the recipient based on a choice from a ...
- 13.3k
1
vote
1
answer
871
views
Make an Ajax call to plug-in controller
I am trying to send data to my plug-in controller using jquery $.post() method.
here is my form:
<form method="post" action="" accept-charset="UTF-8" id="testForm">
{{ csrfInput() }}
<...
- 19.6k
2
votes
2
answers
15k
views
Unexpected token "end of template" of value "" ("end of statement block" expected)
Good afternoon,
I'm new in Craft so I installed this step-by-step and I tried to install this theme: https://github.com/duezerouno/0-201
After I did everything, I can see a template error on my site ...
- 679