Toyota Québec | Outil de Diagnostic & Solutions

T

TOYOTA

Vinh | Services aux Conseillers

Sélectionner un Modèle :

Centre de Diagnostic Rapide

Bienvenue dans l'outil d'assistance Toyota. Utilisez la recherche intelligente ci-dessous ou sélectionnez une catégorie pour identifier rapidement les solutions aux problèmes de vos clients.

🔍

Explorer par Catégorie

${cat.name}

${cat.desc}

`).join(''); }, // Aksyon kapag nagki-click sa isang kategorya sa dashboard filterByCategory: function(catId) { this.state.selectedCategory = catId; this.navigate('kb'); }, setupGlobalSearch: function() { const input = document.getElementById('global-search'); input.addEventListener('keypress', (e) => { if (e.key === 'Enter') { this.state.searchQuery = input.value; this.navigate('kb'); } }); }, // Nire-render ang Knowledge Base Grid renderKB: function() { const container = document.getElementById('kb-results'); const countLabel = document.getElementById('kb-count'); const filtersLabel = document.getElementById('active-filters'); const data = db.getProblems(this.state.selectedModel, this.state.selectedCategory, this.state.searchQuery); // I-update ang mga Label countLabel.innerText = `${data.length} resulta ay natagpuan`; let filterHtml = ''; if(this.state.selectedModel !== 'all') filterHtml += `

Modelo: ${this.state.selectedModel}

`; kung(ito.estado.napilingKategorya !== 'lahat') { const catName = KATEGORYA.hanapin(c => c.id === ito.estado.napilingKategorya).pangalan; filterHtml += `

Kategorya: ${catName}

`; } kung(ito.estado.searchQuery) filterHtml += `

Hanapin: "${this.state.searchQuery}"

`; filtersLabel.innerHTML = filterHtml || '

Walang filter (Ipakita lahat)

'; // I-render ang mga Card kung(data.length === 0) { container.innerHTML = `

Walang resultang tumutugma sa iyong pamantayan.

`; bumalik; } lalagyan.innerHTML = data.map(item => { const catObj = KATEGORYA.find(c => c.id === item.cat); bumalik `

${item.modelo} ${catObj.icon} ${catObj.name}

${item.title}

Isyu: ${item.description || item.desc}

Mga Potensyal na Solusyon:

✔ ${s}

`; }).join(''); }, chartsInitialized: false, chartInstances: {}, updateCharts: function() { // Tiyaking handa at nakikita ang DOM if(this.chartsInitialized && this.chartInstances['cat']) { // I-update lang ang data kung dynamic return; } const stats = db.getStats(); const ctxCat = document.getElementById('chart-categories'); const ctxMod = document.getElementById('chart-models'); if(!ctxCat || !ctxMod) return; // Tsart ng Kategorya this.chartInstances['cat'] = new Chart(ctxCat, { type: 'doughnut', data: { labels: Object.keys(stats.catStats), datasets: [{ data: Object.values(stats.catStats), backgroundColor: ['#eb091d', '#000000', '#555555', '#999999', '#cccccc', '#e5e5e5'], borderWidth: 0 }] }, options: { responsive: true, maintainAspectRatio: false, plugins: { legend: { position: 'right' } } } }); // Tsart ng Modelo this.chartInstances['mod'] = new Chart(ctxMod, { type: 'bar', data: { labels: Object.keys(stats.modelStats), datasets: [{ label: 'Number of\'incidents', data: Object.values(stats.modelStats), backgroundColor: '#000000', borderRadius: 4 }] }, options: { responsive: true, maintainAspectRatio: false, scales: { y: { beginAtZero: true } } } }); this.chartsInitialized = true; } }; // I-initialize ang App on Load window.addEventListener('DOMContentLoaded', () => { app.init(); });

Outil de dépannage (Toyota • Québec) — 500 situations & solutions

Filtrer & trouver

Astuce : cherchez un mot-clé (ex. « voyant », « frein », « CarPlay », « froid »).

Recherche

Catégorie

Motorisation / type

Niveau de risque (tri rapide)

0

résultats

500

situations

2–3

solutions chacune

Arrêtez immédiatement si vous avez : voyant rouge clignotant, fumée/odeur de carburant, perte de freinage, surchauffe, direction instable, ou tout comportement dangereux. Stationnez en sécurité et contactez l’assistance routière / un technicien qualifié.

Mode “hiver Québec” : plusieurs scénarios incluent le froid, la neige, le sel et les démarrages difficiles. Appliquez toujours les procédures du manuel du propriétaire pour votre modèle/année.

Personnalisation rapide : changez les variables CSS au début du fichier (--toyota-red, --bg, etc.) pour coller à votre site.

Situations & solutions Utilisez la recherche et les filtres à gauche.

Avis légal & disclaimer

Important

Ce widget n’est pas un outil officiel Toyota et n’est affilié à aucune entité Toyota. Il s’agit d’un guide général d’aide au client.

Information seulement : ceci ne constitue pas un diagnostic, un avis mécanique, ni une autorisation de réparation. Les véhicules, procédures et couples de serrage varient selon le modèle, l’année, la motorisation et les options.

Sécurité : n’effectuez pas de manœuvres risquées. En cas de doute, ou si un symptôme est grave (voyant rouge, fumée, odeur de carburant, perte de freinage, surchauffe, direction instable), cessez de conduire et contactez un professionnel.

Limitation de responsabilité : utilisation à vos risques. Aucune garantie d’exactitude, d’exhaustivité ou de résultats. Le propriétaire du site, ses employés et partenaires ne peuvent être tenus responsables de dommages, pertes, blessures ou frais liés à l’utilisation de ce contenu.

Références prioritaires : manuel du propriétaire, étiquettes du véhicule, recommandations du fabricant, et inspection par un technicien certifié.

Confidentialité : ce fichier fonctionne localement dans votre navigateur (aucune donnée n’est envoyée à un serveur par défaut).

Intégration (embed) dans votre site

Option A — iframe (simple) :

1) Téléversez ce fichier HTML sur votre site (ex. /outils/depannage-toyota.html)

2) Collez ceci où vous voulez l’afficher :

<iframe src="/outils/depannage-toyota.html" style="width:100%;height:920px;border:0" loading="lazy"></iframe>

Astuce : ajustez la hauteur selon votre page. Sur mobile, l’iframe peut nécessiter plus de hauteur.

Option B — page dédiée : utilisez le lien direct et placez un bouton “Dépannage” sur votre site.

Vous pouvez aussi désactiver la section avis légal si votre site en a déjà une (mais c’est recommandé de la conserver).

`).join(""); els.sevChips.addEventListener("click", (e)=>{ const chip = e.target.closest(".chip"); if(!chip) return; state.sev = chip.dataset.id; [...els.sevChips.querySelectorAll(".chip")].forEach(c=>c.dataset.on = (c.dataset.id===state.sev) ? "1":"0"); render(); syncToUrl(); }); } function matches(issue){ const q = state.q.trim().toLowerCase(); if(q){ const hay = (issue.title+" "+issue.description+" "+issue.catLabel+" "+issue.solutions.join(" ")).toLowerCase(); if(!hay.includes(q)) return false; } if(state.cat!=="all" && issue.cat!==state.cat) return false; if(state.power!=="all"){ if(!issue.applicable.includes(state.power)) return false; } if(state.sev!=="all" && issue.severity!==state.sev) return false; return true; } function makeTags(issue){ const sev = sevTag(issue.severity); const p = (state.power==="all") ? null : POWERTRAINS.find(x=>x.id===state.power); const powerTag = p ? `${p.label}` : ""; return `${powerTag}${sev.label}${issue.catLabel}`; } function issueHtml(issue){ const sev = sevTag(issue.severity); const icon = ICONS[issue.icon] || ICONS.shield; return `

${escapeHtml(issue.title)} ${makeTags(issue)}

${escapeHtml(issue.description)}

Solutions (2–3)

${escapeHtml(s)}

Astuce : si le problème revient malgré les actions simples, une lecture de codes/inspection est souvent la prochaine étape.

Vérifications rapides

${escapeHtml(s)}

Niveau de risque : ${sev.label}

`; } function render(){ const shown = ALL.filter(matches); els.countShown.textContent = String(shown.length); // Title/subtitle const catLabel = state.cat==="all" ? "Toutes catégories" : (CATEGORIES.find(c=>c.id===state.cat)?.label || state.cat); const powerLabel = POWERTRAINS.find(p=>p.id===state.power)?.label || "Toutes"; const sevLabel = state.sev==="all" ? "Tous risques" : (state.sev==="low" ? "Risque faible" : state.sev==="mid" ? "Risque modéré" : "Risque élevé"); els.listTitle.textContent = `Situations & solutions — ${catLabel}`; els.listSubtitle.textContent = `Motorisation: ${powerLabel} • Filtre: ${sevLabel}${state.q ? " • Recherche: “"+state.q+"”" : ""}`; // Render list if(shown.length===0){ els.list.innerHTML = `

Aucun résultat. Essayez un autre mot-clé (ex. “voyant”, “froid”, “frein”, “vibration”).

`; return; } els.list.innerHTML = shown.map(issueHtml).join(""); } function reset(){ state.q=""; state.cat="all"; state.power="all"; state.sev="all"; els.q.value=""; els.cat.value="all"; els.power.value="all"; [...els.sevChips.querySelectorAll(".chip")].forEach(c=>c.dataset.on = (c.dataset.id==="all") ? "1":"0"); render(); syncToUrl(true); } // --- URL sync (permet de partager un lien qui conserve les filtres) function readFromUrl(){ const u = new URL(location.href); state.q = u.searchParams.get("q") || ""; state.cat = u.searchParams.get("cat") || "all"; state.power = u.searchParams.get("power") || "all"; state.sev = u.searchParams.get("sev") || "all"; els.q.value = state.q; els.cat.value = state.cat; els.power.value = state.power; [...els.sevChips.querySelectorAll(".chip")].forEach(c=>c.dataset.on = (c.dataset.id===state.sev) ? "1":"0"); } function syncToUrl(clear=false){ const u = new URL(location.href); if(clear){ u.searchParams.delete("q"); u.searchParams.delete("cat"); u.searchParams.delete("power"); u.searchParams.delete("sev"); }else{ state.q ? u.searchParams.set("q", state.q) : u.searchParams.delete("q"); (state.cat!=="all") ? u.searchParams.set("cat", state.cat) : u.searchParams.delete("cat"); (state.power!=="all") ? u.searchParams.set("power", state.power) : u.searchParams.delete("power"); (state.sev!=="all") ? u.searchParams.set("sev", state.sev) : u.searchParams.delete("sev"); } history.replaceState({}, "", u); } async function copyFiltersLink(){ try{ await navigator.clipboard.writeText(location.href); toast("Lien copié ✅"); }catch(e){ // fallback const tmp = document.createElement("textarea"); tmp.value = location.href; document.body.appendChild(tmp); tmp.select(); document.execCommand("copy"); tmp.remove(); toast("Lien copié ✅"); } } // --- tiny toast let toastEl; function toast(msg){ if(!toastEl){ toastEl = document.createElement("div"); toastEl.style.position="fixed"; toastEl.style.bottom="18px"; toastEl.style.left="50%"; toastEl.style.transform="translateX(-50%)"; toastEl.style.background="rgba(17,17,17,.92)"; toastEl.style.color="#fff"; toastEl.style.padding="10px 12px"; toastEl.style.borderRadius="999px"; toastEl.style.fontSize="13px"; toastEl.style.zIndex="9999"; toastEl.style.boxShadow="0 10px 25px rgba(0,0,0,.2)"; toastEl.style.opacity="0"; toastEl.style.transition="opacity .2s ease"; document.body.appendChild(toastEl); } toastEl.textContent = msg; toastEl.style.opacity="1"; clearTimeout(toastEl._t); toastEl._t = setTimeout(()=> toastEl.style.opacity="0", 1600); } function escapeHtml(s){ return String(s) .replaceAll("&","&") .replaceAll("",">") .replaceAll('"',""") .replaceAll("'","'"); } // --- events els.q.addEventListener("input", (e)=>{ state.q=e.target.value; render(); syncToUrl(); }); els.cat.addEventListener("change", (e)=>{ state.cat=e.target.value; render(); syncToUrl(); }); els.power.addEventListener("change", (e)=>{ state.power=e.target.value; render(); syncToUrl(); }); els.resetBtn.addEventListener("click", reset); els.printBtn.addEventListener("click", ()=> window.print()); els.copyLinkBtn.addEventListener("click", copyFiltersLink); els.collapseAllBtn.addEventListener("click", ()=>{ [...document.querySelectorAll("details.issue")].forEach(d=>d.open=false); toast("Tout replié"); }); els.expandTopBtn.addEventListener("click", ()=>{ const list = [...document.querySelectorAll("details.issue")]; list.forEach((d,idx)=> d.open = idx