Skip to content

Navigazione dall'Iframe - Quick Reference

Utilizzo Base

Dall'Iframe (PHP/JavaScript)

javascript
// Navigazione semplice
window.parent.navigation.navigateTo('/welcome');

// Navigazione a un modulo
window.parent.navigation.navigateTo('/r/modulo/vendite');

// Il path viene normalizzato automaticamente
window.parent.navigation.navigateTo('r/modulo/clienti'); // → /r/modulo/clienti

Esempio PHP

php
<script>
// Dopo un'azione (es. salvataggio)
function onSaveComplete() {
    window.parent.navigation.navigateTo('/r/modulo/lista-ordini');
}

// Link di navigazione
echo '<a href="#" onclick="window.parent.navigation.navigateTo(\'/r/modulo/clienti\'); return false;">
    Vai ai Clienti
</a>';
</script>

Verificare Disponibilità

javascript
if (window.parent && window.parent.navigation) {
    window.parent.navigation.navigateTo('/welcome');
} else {
    console.error('Navigation API non disponibile');
}

Test

  1. Avvia l'applicazione: npm run dev
  2. Vai a: http://localhost:5173/test-iframe
  3. Usa il tab 🧭 Navigation per testare

Documentazione Completa

Vedi iframe-navigation.md per:

  • Architettura completa
  • Tutti i casi d'uso
  • Debug e troubleshooting
  • Integrazione con React Router

Documentazione Elerama Frontend