


There is a number of to-do items in the menu bar. The number increases or decreases according to the task operation. How to keep it updated?
The project adopts the iframe three-frame mode, the header is the menu bar, the middle and the bottom.
The current requirement is to display the number of to-do tasks on the menu bar. According to the user's corresponding task operations, the number of to-do tasks in different menu bars can be increased or decreased, because the menu bar is open, similar to the picture below:
So when the user operates (This operation refers to adding a task, completing a task, or deleting a task) a task, the corresponding position of the menu bar and the number of tasks are updated from time to time. How to do this?
My current approach is: in the operation area, refresh the header information after the operation is completed. However, although this can ensure that the number of tasks in the menu is updated, the current style will disappear and become the first one when entering the website. The default style is a bit unclear, please give me some advice!
This is what I did to update the header information:
Reply content:
The project adopts the iframe three-frame mode, the header is the menu bar, the middle and the bottom.
The current requirement is to display the number of to-do tasks on the menu bar. According to the user's corresponding task operations, the number of to-do tasks in different menu bars can be increased or decreased, because the menu bar is open, similar to the picture below:
So when the user operates (This operation refers to adding a task, completing a task, or deleting a task) a task, the corresponding position of the menu bar and the number of tasks are updated from time to time. How to do it?
My current approach is: in the operation area, refresh the header information after the operation is completed. However, although this can ensure that the number of tasks in the menu is updated, the current style will disappear and become the first one when entering the website. The default style is a bit unclear, please give me some advice!
This is what I did to update the header information:
http://www.workerman.net/web-sender
websocket
ajax
websocket
1. Use ajax to request every certain time
2. Use long connection websocket

Hot AI Tools

Undresser.AI Undress
AI-powered app for creating realistic nude photos

AI Clothes Remover
Online AI tool for removing clothes from photos.

Undress AI Tool
Undress images for free

Clothoff.io
AI clothes remover

AI Hentai Generator
Generate AI Hentai for free.

Hot Article

Hot Tools

Notepad++7.3.1
Easy-to-use and free code editor

SublimeText3 Chinese version
Chinese version, very easy to use

Zend Studio 13.0.1
Powerful PHP integrated development environment

Dreamweaver CS6
Visual web development tools

SublimeText3 Mac version
God-level code editing software (SublimeText3)

Hot Topics

In this chapter, we will understand the Environment Variables, General Configuration, Database Configuration and Email Configuration in CakePHP.

PHP 8.4 brings several new features, security improvements, and performance improvements with healthy amounts of feature deprecations and removals. This guide explains how to install PHP 8.4 or upgrade to PHP 8.4 on Ubuntu, Debian, or their derivati

To work with date and time in cakephp4, we are going to make use of the available FrozenTime class.

To work on file upload we are going to use the form helper. Here, is an example for file upload.

In this chapter, we are going to learn the following topics related to routing ?

CakePHP is an open-source framework for PHP. It is intended to make developing, deploying and maintaining applications much easier. CakePHP is based on a MVC-like architecture that is both powerful and easy to grasp. Models, Views, and Controllers gu

Visual Studio Code, also known as VS Code, is a free source code editor — or integrated development environment (IDE) — available for all major operating systems. With a large collection of extensions for many programming languages, VS Code can be c

Validator can be created by adding the following two lines in the controller.
