plugins – Auto Submit Form 7 after address is selected from Google Maps autopopulate

I built a site in elementor and I’m using Form 7 for the contact forms. I have a contact form with one field – physical address, which auto-populates from Google Maps data (via API) I would like to have the form auto-submit when the user clicks on their address and have it redirect to a page with a more detailed contact form.

I use Microsoft Ergonomic keyboard with my Mac mini . It drops selected letters – capital W, U, P. – swapped keyboards – same problem lease advise

I use Microsoft Ergonomic keyboard with my Mac mini . It drops selected letters – capital W, U, P. – swapped keyboards – same problem lease advise – Ask Different

datetime – How would you go about creating a simple date range calendar popup that let’s users select a date range when optional dates that cannot be selected?

I’ve upgraded a D7 site D8 and the Availability Calendar that we use for letting users select a date range to reserve will not be upgraded to D8. After much research, we haven’t found a suitable alternative so we’ll need to implement one ourselves. The concept seems simple but I’m not sure what the best (and simplest) way to achieve this would.


Admins can create days that cannot be selected. For example, a holiday that they’re closed or a day that they’ve reached capacity.

Users see a popup calendar with closed days above noted and not selectable.

Users select a date range (start and end date) then click to reserve their spot.

**We do not need to do anything with the dates except pass them on to the next step. So basically the calendar is just for display to allow users to select dates. The dates are not stored and do not affect the calendar.

We will not use times, dates only.

Example on existing D7 site:

enter image description here

css – Create a map where countries can be selected using react-leaflet

I’ve only just started learning javascript and decided to try and make a simple app where individual countries can be selected, highlighting them, and the name appearing in the top corner.

The code works, but there as a novice I’m sure its far from the best way to do it! One thing I feel isn’t the best is using a global var for country selection (window.selected).

The main app MyMap.jsx:

import React, { Component } from 'react';
import L from "leaflet"
import {MapContainer, GeoJSON, useMap, useMapEvent } from "react-leaflet";
import mapData from './../data/countries.json';
import 'leaflet/dist/leaflet.css';

// Set default value for no selection
window.selected = '</b><i>Click a country</i><b>'

// Custom Components
let info = L.control();
info.onAdd = function (map) {
    this.div = L.DomUtil.create('div', 'info');
    this.div.innerHTML = '<h4>Current Selection</h4><i>Click a country</i><br />';
    return this.div;
info.update = function (props) {
    this.div.innerHTML = '<h4>Current Selection</h4><b>'+props+'</b><br />';

function InfoBox() {
    // Add to the map
    const map = useMap()

    // Update text to display selected country
    useMapEvent('click', () => {
    return null

function TileLayer() {
    const map = useMap();
    const mapboxAccessToken = TOKEN_HERE;

    // Set default values for the map
    React.useEffect(() => {
      new L.TileLayer(
        "{z}/{x}/{y}?access_token=" + mapboxAccessToken,
          tileSize: 512,
          zoomOffset: -1
    }, (map));

    return null;

// Create Map
class MyMap extends Component {
    state = {selectedCountry: null}

    geoStyle = {
        stroke: false, 
        fillOpacity: 0
    // Highlight the selected country
    highlightCountry = (e) => {
        if (this.state.selectedCountry ) {
        this.setState({ selectedCountry: });
        window.selected =
        var layer =;
            stroke: true,
            weight: 3,
            color: '#666',
            dashArray: '',
            fillOpacity: 0.7


    onEachCountry = (country, layer) => {
            click: this.highlightCountry

    render() {
        return (
                <h1 style={{textAlign: "center"}}>My Map</h1>
                <MapContainer style={{height: "80vh"}} zoom={2} center={(30, 0)}>
                    <GeoJSON style={this.geoStyle} data={mapData.features} onEachFeature={this.onEachCountry} />
                    <TileLayer />
                    <InfoBox />

export default MyMap;

and the css:

.info {
  padding: 6px 8px;
  font: 14px/16px Arial, Helvetica, sans-serif;
  background: white;
  background: rgba(255, 255, 255, 0.8);
  box-shadow: 0 0 15px rgba(0, 0, 0, 0.2);
  border-radius: 5px;
.info h4 {
  margin: 0 0 5px;
  color: #777;
.MapContainer {
  width: 100%;
  height: 100vh;

The HTML is the generic react html doc from create-react-app.

webforms – How to handle DropDown list where selected values could become invalid over time?

I use DropDowns linked to database columns where values might become outdated, such as people who are no longer Employees, or Printers that no longer exist. For situations like an issue tracking application, how should I deal with cases where a value stored in the database is no longer in the current DropDown list? In ASP.Net the application just “blows up”, which is not acceptable.

I came up with two partial options so far:

  1. For Employees, there is a table which retains old values. However, if I want to allow only current Employees to be picked when creating new data, this is awkward. I tried adding an asterisk to the start of old Employee names and sorting those to the bottom of the list. This is a list with two columns: employee ID and Name. The ID is what is stored in the database column of the Issue record, for example.

  2. For Printers, the list has only one column, so I created a “Safe DropDown” User Control that will show the invalid value at the top of the displayed list. It doesn’t blow up, and the value is available, but other users do not have it in their list of current Printers (the true list is not updated in any way). This approach would be harder to do with a two column list – what do I show as the ‘name’ of a missing entry?

I have not seen any guidance about what to do in cases like these. What is the recommended approach where old values must be displayed, but not selected for new records?

forms – Count the selected checkboxes

A taxonomy list with checkboxes. Multiple selections allowed.
Create a condition. If 4 checkboxes are checked, then check a checkbox in another field.

I try to achieve this with an ajax callback.

In the hook form alter :

$form('field_kindvriendelijk')('widget')('value')('#prefix') = '<div id="toevoegen-kindvriendelijk">';
    $form('field_kindvriendelijk')('widget')('value')('#suffix') = '</div>';
    $form('field_kindvriendelijkheid')('widget')('#ajax') = array(
      'callback' => 'zaal_condities_KindVriendelijkCallback',
      'event' => 'change',
      'wrapper' => 'toevoegen-kindvriendelijk',

The ajax callback :

function zaal_condities_KindVriendelijkCallback(&$form, DrupalCoreFormFormStateInterface $form_state, $form_id){
$kindvriend = $form_state->getValue('field_kindvriendelijkheid');
$counting = count($kindvriend);
//array_filter($counting, 1);
 if($counting >= 4){
    $form('field_kindvriendelijk')('widget')('value')('#checked') = TRUE;
    return $form('field_kindvriendelijk');

As soon as 1 checkbox is checked, the condition is true. It seems that
the count is being ignored or working wrong.

Mark field mandatory only if ‘yes’ option selected in another field

In the middle of a very complex form used in a meeting booking system, I’ve been asked to create the following

Field 1: Text Input

Field 2: Yes/No radio

The project BA is requesting that first field be mandatory, only if the second field is set to ‘No’, otherwise it should be optional.

Filling the first field will be used to help populate the meeting title. The user then gets the option to also edit that at the end of the process.

I think this is a very poor idea, but they are insisting on that order and that the first field is only mandatory base on the answer to the second question.

Given that I guess I’m asking two questions, what would be the best way to deal with a mandatory field indicator and what are the best arguments against doing this?

user interface – Copy selected browser text to clipboard python

i’m programming an application, which copies selected text from a browser to the clipboard (later to excel) by pressing a specific configurable hotkey.

I use tkinter and the following code. Problem is, the selected text won’t be copied to the clipboard.I just tested it out of the IDE.

from tkinter import *
import keyboard
import pyperclip
import pyautogui
import time

root = Tk()

def copy_clipboard():
    pyautogui.hotkey('ctrl', 'c')
    copied_text = pyperclip.paste()

def insertin(sString):
    eExcel.insert(10, sString)

canvas = Canvas(root, width=600, height=150)
Label(root, text="Clipboard-content").grid(row=0)
eCC = Entry(root)
eCC.grid(row=0, column=1)

keyboard.add_hotkey('alt + 1', lambda: copy_clipboard())


Has anyone a solution? Thanks in advance.

DreamProxies - Cheapest USA Elite Private Proxies 100 Cheapest USA Private Proxies Buy 200 Cheap USA Private Proxies 400 Best Private Proxies Cheap 1000 USA Private Proxies 2000 USA Private Proxies 5000 Cheap USA Private Proxies - Buy Cheap Private Proxies Buy 50 Private Proxies Buy 100 Private Proxies Buy 200 Private Proxies Buy 500 Private Proxies Buy 1000 Private Proxies Buy 2000 Private Proxies New Proxy Lists Every Day Buy Quality Private Proxies